🚀 Next.js + Tailwind + Lenis + Auth Template

Hey there! 👋 I'm Shasank Kumar, a CS student at SRM University and a passionate developer who loves working with Next.js, React, and Tailwind CSS. 😎

This template is a clean and modern Next.js single-page application with smooth scrolling using Lenis and React-Scroll, now with secure authentication powered by NextAuth.js – perfect for creating sleek, fast, and secure web apps! 🔐✨

📌 Features

✅ Smooth scrolling with Lenis 🎯
✅ Clean, modern Tailwind CSS design 🎨
✅ Responsive and mobile-friendly 📱
✅ Organized code structure for easy scaling 🏗️
✅ Single-page layout with scroll-based navigation 🌐
✅ NextAuth.js authentication system 🔐
  ▪️ Email/Password SignUp & Login
  ▪️ OAuth with Google and GitHub

🏗️ Project Structure

📂 src ├── 📁 components │ └── Navbar.tsx ├── 📁 hooks │ └── useLenis.ts ├── 📁 pages │ └── index.tsx ├── 📁 public │ └── images ├── 📁 styles │ └── globals.css ├── .gitignore ├── next.config.js ├── package.json ├── tsconfig.json

---

## 🚀 **Setup Guide**  

### 1️⃣ **Clone the Repository**  
```bash
git clone https://github.com/shasank1290/nextjs_template.git
cd nextjs_template

2️⃣ Install Dependencies

npm install

3️⃣ Set Up Environment Variables

**Create a .env.local file and add the following: NEXTAUTH_SECRET=your_random_secret NEXTAUTH_URL=http://localhost:3000

For Email/Password Auth (if using Email Provider)

EMAIL_SERVER=smtp.example.com EMAIL_FROM=noreply@example.com

Google OAuth

GOOGLE_CLIENT_ID=your_google_client_id GOOGLE_CLIENT_SECRET=your_google_client_secret

GitHub OAuth

GITHUB_ID=your_github_client_id GITHUB_SECRET=your_github_client_secret

4️⃣ Start the Development Server

npm run dev

45️⃣ Build for Production

npm run build

🔥 How It Works

✅ Lenis for Smooth Scrolling
Lenis provides buttery smooth scrolling across all sections. 😍

🎯 Tech Stack

✅ Next.js — React-based framework for SSR & SSG
✅ Tailwind CSS — Utility-first CSS framework
✅ Lenis — Smooth scrolling library
✅ NextAuth.js — Flexible authentication for Next.js apps

⭐ Why This Template?

✔️ Saves time ⏳
✔️ Clean, organized code 🏆
✔️ Secure login system 🔒 ✔️ Ready to use for personal and professional projects 💼

🔗 Connect with Me

💼 GitHub
💼 LinkedIn

🌟 Give It a Star!

If you find this helpful, give it a ⭐ on GitHub! 😍

🛠️ Contributing

Let me know if you want me to add badges (build passing, license, etc.), screenshots, or instructions for deploying on Vercel.