DEV Community

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

Posted on

1

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 14 (App router)

โš›๏ธ React 18

๐Ÿ“˜ 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

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

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