Webapp Boilerplate

Webapp Boilerplate is a starter template for building Next.js applications with TypeScript, Tailwind CSS, internationalization via Rosetta, and PWA support, preconfigured for serverless deployment on Vercel.

What is Webapp Boilerplate?

Webapp Boilerplate is an example Next.js project that demonstrates a modern React stack. It provides a fully configured source tree that takes standard Next.js routing and adds TypeScript type safety, Tailwind CSS utility styling, Rosetta for lightweight i18n, and a custom state management pattern using useEffectReducer. The output is a deployable web application with page and API routes, healthcheck endpoints, and a Dockerized build for containerized environments.

Key Features

• TypeScript — Adds static typing to the entire Next.js and React codebase, catching errors at compile time.
• Next.js framework — Includes file-based page and API routing, plus healthcheck endpoints, with a custom webpack configuration for advanced build customization.
• Tailwind CSS — Utility-first styling framework configured out of the box for fast UI development.
• Rosetta i18n — Lightweight internationalization library from lukeed enabling multi-language support with a small footprint.
• PWA support — Progressive Web App features for offline capability and installability.
• Dockerised app — Ships with Docker configuration to create consistent containerized deployments.
• ESLint and Prettier — Preconfigured code linting and formatting to keep the codebase clean and consistent.
• Webpack alias imports — Custom import URLs using the ~/... alias simplify module paths and reduce relative import chains.

Who is it for?

Webapp Boilerplate is aimed at front-end developers who want a preconfigured Next.js setup without starting from scratch. It suits developers building production-ready web apps that need TypeScript, i18n, and PWA features, as well as teams deploying to Vercel or Dockerized environments.

What can you do with it?

With Webapp Boilerplate you can scaffold a new Next.js project with a modern toolchain in minutes. Use it as a learning reference for patterns like custom webpack configs, or as a starting point for a client dashboard with API routes and healthchecks.

FAQ

Does Webapp Boilerplate include PWA support?

Yes, PWA is included, enabling progressive web app features like offline support and installability.

What internationalization library does it use?

It uses Rosetta, a lightweight i18n library by lukeed, for adding multi-language support to the app.

Can I deploy it to Vercel?

The project is compatible with Vercel deployment, as demonstrated by the live demo hosted at next-boilerplate-delta.vercel.app.