NextJS Template

NextJS Template

Cover
https://upload.wikimedia.org/wikipedia/commons/8/8e/Nextjs-logo.svg
Short description
Personal template with all the tooling that I enjoy using.
Role / Service
Product Development
Development
Open Source
Development Experience
Kind
Open Source
Year
2022
 

OVERVIEW

Web Dev Tooling Template

Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript. Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Vercel, PostCSS, Tailwind CSS.
Clone this project and use it to create your own Next.js project.

Features

Developer experience first:
  • 🔥 Next.js for Static Site Generator
  • 💅 PostCSS for processing Tailwind CSS and integrated to styled-jsx
  • ✅ Strict Mode for TypeScript and React 17
  • ✏️ Linter with ESLint (default NextJS, NextJS Core Web Vitals, Tailwind CSS and Airbnb configuration)
  • 💡 Absolute Imports
  • 🦊 Husky for Git Hooks
  • 🚫 Lint-staged for running linters on Git staged files
  • 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript
  • 🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO
  • 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)
  • 🌈 Include a FREE minimalist theme
  • 💯 Maximize lighthouse score
  • 🧩 Progresive web App
 
Built-in feature from Next.js:
  • ☕ Minify HTML & CSS
  • 💨 Live reload
  • ✅ Cache busting

Philosophy

  • Minimal code
  • SEO-friendly
  • 🚀 Production-ready
 

Getting things PWA ready

  • Check the /layout/Meta for all metadata :)
 

LINK