Next Starter Tpl
This is a microservices-ready template for building Next.js applications, used by Wayofdev. It comes bundled with Turbo and is managed as a monorepo using PNPM
Overview:
The NextJS Starter Template is a monorepo boilerplate written in Next.js and managed by the pnpm package manager. It provides a clear structure and presents a lifecycle perspective for developers. It also demonstrates how to create and consume shared packages, locales, assets, and API types. The template comes fully configured with integrated tools and configs such as tsconfig, eslint, jest, cypress, tailwind, changelogs, versioning, codecov, codeclimate, sentry, and more. Using a monorepo offers advantages such as team cohesion, consistency, duplication management, refactorings, and atomic commits.
Features:
- Supporting NextJS 13.1.1+
- TypeScript support for static type checking
- Strict Mode for TypeScript and React 18
- ESLint for code linting with NextJS Recommended, NextJS Core Web Vitals, and Airbnb Style Guide presets
- Code formatting with Prettier
- Integrated with Tailwind CSS
- PostCSS for processing Tailwind CSS and CSSNANO for CSS optimization on production systems
- Support for HeroIcons out of the box
- Husky for modern native git hooks
- Lint-staged for running linters on Git staged files
- GitHub Actions support out of the box
- SEO metadata, JSON-LD, and Open Graph tags with Next SEO
- Sitemap support using next-sitemap
- Bundler Analyzer for visualizing the size of webpack output files
- Optimized Lighthouse performance score
- End-to-end testing with Cypress and Jest
- JS support for writing unit tests
- Package auto-updates for all workspace projects using npm-check-updates
- Keep package.json sorted using sort-package-json
- Client and server-side error reporting supported by @sentry/nextjs
Summary:
The NextJS Starter Template is a comprehensive monorepo boilerplate for Next.js development. It provides a fully configured repository with integrated tools and configs to enhance developer experience and streamline development processes. By using this template, developers can establish a clear structure, create and consume shared resources, and leverage the advantages of a monorepo approach. It offers support for various tools and features such as TypeScript, ESLint, Tailwind CSS, SEO metadata, testing with Cypress and Jest, and more. Overall, the NextJS Starter Template is a valuable resource for developers looking to kickstart their Next.js projects.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Turborepo
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.