DEV Community

Cover image for Next.js starter template
Michaล‚
Michaล‚

Posted on

Next.js starter template

Hi, I created a starter template for next.js, it also contains typescript, tailwind, shadcn/ui. I have already written about it here, but I have added some new functionalities such as: Next-auth, Prisma, React-hook-form, T3-env. Therefore, I would like to ask for feedback and any missing functionalities. If you liked the project, I will appreciate if you leave a star. ๐ŸŒŸ https://github.com/Skolaczk/next-starter

Overview

A Next.js starter template, packed with features like TypeScript, Tailwind CSS, Next-auth, Eslint, testing tools and more. Jumpstart your project with efficiency and style.

๐ŸŽ‰ Features

๐Ÿš€ Next.js 15 (App router)

โš›๏ธ React 19

๐Ÿ“˜ Typescript

๐ŸŽจ TailwindCSS - Class sorting, merging and linting

๐Ÿ› ๏ธ Shadcn/ui - Customizable UI components

๐Ÿ”’ Next-auth - Easy authentication library for Next.js (GitHub provider)

๐Ÿ’ต Stripe - Payment handler

๐Ÿ›ก๏ธ Prisma - ORM for node.js

๐Ÿ“‹ React-hook-form - Manage your forms easy and efficient

๐Ÿ” Zod - Schema validation library

๐Ÿงช Jest & React Testing Library - Configured for unit testing

๐ŸŽญ Playwright - Configured for e2e testing

๐Ÿ“ˆ Absolute Import & Path Alias - Import components using @/ prefix

๐Ÿ’… Prettier - Code formatter

๐Ÿงน Eslint - Code linting tool

๐Ÿถ Husky & Lint Staged - Run scripts on your staged files before they are committed

๐Ÿ”น Icons - From Lucide

๐ŸŒ‘ Dark mode - With next-themes

๐Ÿ—บ๏ธ Sitemap & robots.txt - With next-sitemap

๐Ÿ“ Commitlint - Lint your git commits

๐Ÿค– Github actions - Lint your code on PR

โš™๏ธ T3-env - Manage your environment variables

๐Ÿ’ฏ Perfect Lighthouse score

๐ŸŒ I18n with Paraglide

โค๏ธ Support

If you liked the project, I will appreciate if you leave a star. ๐ŸŒŸ๐Ÿ˜Š

Made by Michaล‚ Skolak

Top comments (1)

Collapse
 
vowe profile image
Vowe

This is the perfect template for beginners.