Next.js is an amazing React framework for building web apps, desktop apps (with Electron and Tauri) and mobile apps with Ionic.

Yet, it comes as a bare-bones framework which you should add and customize your packages on it. That process takes time. So, here we tend to find the right boilerplate and starter packages to to ease our work.

Here, we have a quick review of one of these starter projects.

A Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first. It includes: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, Jest, Testing Library, Commitlint, VSCode, Netlify, PostCSS, Tailwind CSS.

Features

  • ⚡ Next.js for Static Site Generator
  • 🔥 Type checking TypeScript
  • 💎 Integrate with Tailwind CSS
  • ✅ Strict Mode for TypeScript and React 18
  • 📏 Linter with ESLint (default NextJS, NextJS Core Web Vitals, Tailwind CSS and Airbnb configuration)
  • 💖 Code Formatter with Prettier
  • 🦊 Husky for Git Hooks
  • 🚫 Lint-staged for running linters on Git staged files
  • 🚓 Lint git commit with Commitlint
  • 🦺 Unit Testing with Jest and React Testing Library
  • 🧪 E2E Testing with Cypress
  • 💡 Absolute Imports using @ prefix
  • 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript, Jest
  • 🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO
  • ⚙️ Bundler Analyzer
  • 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)
  • 🌈 Include a FREE minimalist theme
  • 💯 Maximize lighthouse score

License

Licensed under the MIT License, Copyright © 2022

Resources