lgiki / wails-template-nextjs

A wails template with Next.js

Wails template Next.js

A Wails template with Next.js and TypeScript.

You can develop applications using Next.js and then use Wails to package your application as a cross-platform program that is compatible with Linux, macOS and Windows. And you can easily call Go methods from JavaScript.

This project uses next export to export the Next.js application to static HTML, and then uses Wails to package the static files into a program, so some Next.js features are unsupported, see https://nextjs.org/docs/advanced-features/static-html-export for details.

Screenshot

Getting Started

Prerequisites

• Go 1.17+
• Node JS
• NPM
• Wails CLI

New Project

You can create a new wails project using:

wails init -n "Your Project Name" -t https://github.com/LGiki/wails-template-nextjs

Building

If you modified the Go code, you need to run wails generate module to generate the wailsjs modules first. Then using wails build to build your application.

You can run wails build --help or go to https://wails.io/docs/next/reference/cli#build to view all build flags.

Live Development

To run in live development mode, run wails dev in the project directory.

wails-template-nextjs's Issues

nextjs with app router is not working

If i replace nextjs frontend folder with newly create app

✔ What is your project named? … frontend
✔ Would you like to use TypeScript with this project? … No / Yes
✔ Would you like to use ESLint with this project? … No / Yes
✔ Would you like to use Tailwind CSS with this project? … No / Yes
✔ Would you like to use `src/` directory with this project? … No / Yes
✔ Use App Router (recommended)? … No / Yes
✔ Would you like to customize the default import alias? … No / Yes
✔ What import alias would you like configured? … @/*
Creating a new Next.js app in /home/camera/dev/concept/frontend.

next_app_static_site

On navigate to About page url, getting unable to finish request: StatusCodes not supported: 404 - Not Found

But if app create without App router then, it it working fine.

Can you resolve issue with nextjs app using App Router?

Error when running wails dev.

I encounter this error when I first try to run "wails dev":

ERROR:
main.go:14:12: pattern frontend/out/: cannot embed directory frontend/out/: invalid name *

The way to replicate it is to make a new project with the template command, then solve the first issue of incorrect labeling in the main.go file from "RBG" to "BackgroundColour" and then run "wails dev".