DEV Community

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

Posted on

3

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

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
vowe profile image
Vowe โ€ข

This is the perfect template for beginners.

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools canโ€™t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video