Cookie Consent by Free Privacy Policy Generator 📌 Next.js starter template


✅ Next.js starter template


💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

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.

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)
  • 🛡️ 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

🚀 Deployment

Easily deploy your Next.js app with Vercel by clicking the button below:

Deploy with Vercel

🎯 Getting started

1. Clone this template in one of three ways

  1. Using this repository as template

use-this-template-button

  1. Using create-next-app
   npx create-next-app -e https://github.com/Skolaczk/next-starter my-project-name
  1. Using git clone
   git clone https://github.com/Skolaczk/next-starter my-project-name

2. Install dependencies

npm install

3. Set up environment variables

Create .env file and set env variables from .env.example file.

4. Prepare husky

It is required if you want husky to work

npm run prepare

5. Run the dev server

You can start the server using this command:

npm run dev

and open http://localhost:3000/ to see this app.

⚙️ Scripts overview

The following scripts are available in the package.json:

  • dev: Run development server
  • build: Build the app
  • start: Run production server
  • preview: Run build and start commands together
  • lint: Lint the code using Eslint
  • lint:fix: Fix linting errors
  • format:check: Checks the code for proper formatting
  • format:write: Fix formatting issues
  • typecheck: Type-check TypeScript without emitting files
  • test: Run unit tests
  • test:watch: Run unit tests in watch mode
  • e2e: Run end-to-end tests
  • e2e:ui: Run end-to-end tests with UI
  • postbuild: Generate sitemap
  • prepare: Install Husky for managing Git hooks

🤝 Contribution

To contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch.
  3. Make your changes, and commit them.
  4. Push your changes to the forked repository.
  5. Create a pull request.

❤️ Support

If you liked the project, I will appreciate if you leave a star. 🌟😊

Made by Michał Skolak

...

✅ Next.js starter template


📈 30.02 Punkte

✅ Next.js starter template


📈 30.02 Punkte

✅ Next.js starter template


📈 30.02 Punkte

✅ Next.js starter template


📈 30.02 Punkte

✅ Next.js starter template


📈 30.02 Punkte

✅ Next.js starter template


📈 30.02 Punkte

✅ Next.js 14+ starter template with app router, shadcn/ui, typesafe env, icons, and configs setup


📈 30.02 Punkte

✅ 🚀 Next.js Starter: Kickstart Your Next.js Project with Ease


📈 25.07 Punkte

✅ React Starter Template 👨🏿‍💻


📈 24.22 Punkte

✅ How To Build A Project Starter Template CLI Tool with NodeJs


📈 24.22 Punkte

✅ Getting Started with the RESTful API Node Starter Template


📈 24.22 Punkte

✅ Starter Nuxt Template


📈 24.22 Punkte

✅ Tailwind Dashboard Template Free Starter


📈 24.22 Punkte

✅ CVE-2022-4300 | FastCMS Template /template/edit injection


📈 21.48 Punkte

✅ JetBrains YouTrack Plugin up to 1.8.1.2 on Confluence Template link-text-template Remote Code Execution


📈 21.48 Punkte

✅ NEXT JS STARTER PACK


📈 19.28 Punkte

✅ Next.js Shopify eCommerce Starter with Perfect Web Vitals 🚀


📈 19.28 Punkte

✅ Next.js SaaS Boilerplate and Starter Kit - SaaSBold


📈 19.28 Punkte

✅ 💻 Free Tailwind and Nuxt.js/Next.js job board code starter


📈 19.28 Punkte

✅ UseRouter import from next/navigation or next/router in App Router Next JS?


📈 17.39 Punkte

✅ Unlock Next-Level Authentication in Next.js with Next Auth and TypeScript Module Augmentation


📈 17.39 Punkte

✅ Free Production Ready Next.js Template


📈 16.54 Punkte

✅ Build AI Template Engine to create amazing content with Next.js and ChatGPT


📈 16.54 Punkte

✅ Next.js MongoDB Prisma Auth Template 🚀


📈 16.54 Punkte

✅ How I Built an Open-Source Admin Dashboard Template with Mantine and Next.js


📈 16.54 Punkte

✅ OneDrive for Web is getting a template upgrade next year


📈 16.54 Punkte











matomo

Datei nicht gefunden!