version 1.1
- Next.js v14.2.6
- Next Auth v4.24.7
- React v18
- Headless UI v2.1.2
- Framer motion v11.3.29
- Lucide Icon v0.429.0
- Sonner Toast v1.5.0
Visit to my portfolio for more: https://sanchir.dev
- With Tailwind CSS, you can create an amazing-looking website.
- Beautiful toast notifications by
sonner
. - Third party auth: Google Sign in (soon will add more).
- Pre-made authorization pages that include: Login, Register, Logout, Forgot Password, Reset Password, Verify Email.
- Customized 404 page.
- Everything is in dark mode, which looks stunning 🤩.
- Clone this repository to your folder:
git clone https://github.com/sanchir2011/nextjs-starter.git my-web
- Go to the folder where you cloned:
cd my-web
- Install all dependencies by running
npm install
- Create
.env
file for development:cp .env.example .env
- Edit the created
.env
file: - Replace
NEXTAUTH_SECRET
variable with random hex string. You can do this by runningopenssl rand -hex 64
. It will generate you a secret then you can replace it. - This starter kit comes with Google Sign In feature. So, you have to create a Google OAuth credentials by following these steps. When you created your credentials just replace on
GOOGLE_ID
andGOOGLE_SECRET
. - Then replace your development url on
NEXT_URL
and backend url onBACKEND_URL
. For example: if your next.js is running on port 3010 just change it tohttp://localhost:3010
. - Finally, If you are using any buckets (Google Storage Bucket, etc.), please provide your url on
NEXT_PUBLIC_BUCKET
. - Now you are safe to run
npm run dev
to start your Next.js.
Congratulations 🎉 You just created your Next.js project 😊.
If you liked it, please leave a star ⭐️. Thanks!