template-next-15rc Tailwind Templates

Template Next 15rc

A Next.js 15 RC template for application with authentication, built with VercelDB, Prisma, Lucia, Tailwind and shadcn

Template

This is a Next.js 15 RC project with npx create-next-app@rc.

https://github.com/user-attachments/assets/29ea2603-b130-4df0-b09e-ee463bb23ab3

Do give it a star.

About This Project

This is a production ready template/app with everything ready for you to get started, so if you fork it, make some sick apps.

If you face any probelm you can reach out to me via Rishi Lahoti or create an issue here.

Contributions can be done here only if you like!

Features

  • I think I have included evrything to get started with.
  • Postgres DB with Prisma ORM: Prisma
  • Authentication using Lucia
  • Database on Vercel DB
  • UI components from shadcn/ui
  • Styled using Tailwind CSS
  • Real-time form validation with React Hook Form & Zod
  • Fully functional search field.
  • Light, Dark and System theme support.

IDE Setup

  • Prettier

    • Ctrl + Shift + P and search Format Document With and select Configure Default Formatter and Select Prettier Code Formatter from the menu.
    • Screenshot 2024-09-12 151157
    • Screenshot 2024-09-12 155249
  • Tailwind

    • Open setting and search Files Associations and assign *.css to tailwindcss
    • Screenshot 2024-09-12 151636
    • Search editor quick suggestions and turn on strings to on
    • Screenshot 2024-09-12 151915
  • ESLint

    • I have alerady added tailwindcss config to work with eslint in the repo.
  • Prisma

    • No special settings needed I think.

Env File

Rename the .env.example to the .env and I assuming you know how to add all the secret keys since you are using this. If not hit me up or create an issue.

I have alerady added .env to .gitignore.

Running Locally

  1. Install dependencies using npm:

    npm i --legacy-peer-deps
    
  2. Copy .env.example to .env and update the variables

cp .env.example .env
  1. Start the application:
    npm run dev
    

Database

  • Update the schem.prisma according to your need and and push it to the DB
    npx prisma db push
    

Thanks to

License

This project is licensed under the terms of the LICENSE.md.

Top categories

Loading Svelte Themes