This project was bootstrapped as a Next.js project with the command npx create-next-app buf-nextjs --use-npm --ts and all suggested defaults (except for Tailwind for CSS).
Note that this example uses Connect full-stack. It makes use of the server-side https://www.npmjs.com/package/@connectrpc/connect-next package to serve endpoints to the frontend.
Other tools used:
- Webpack (Bundler)
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Build the app using Webpack.
Use buf to generate the compiled protos via protobuf-es.
Previews a built application on port 3000.
Lints application using eslint.