Enterprise-Grade Next.js Boilerplate

Production-ready foundation for any web application. Includes authentication, database integration, and modern UI.

Features

Everything you need for any web application

Enterprise Authentication

SSO with Microsoft Azure AD, Google OAuth, and secure email/password authentication for any app.

MongoDB Integration

Full MongoDB Atlas integration with Mongoose ODM and optimized connection pooling for any data needs.

Production Ready

Optimized for any deployment platform with TypeScript, ESLint, and modern best practices.

Modern UI

Beautiful, responsive interface built with Tailwind CSS and modern design patterns for any project.

🚀 Complete Setup Guide (For Beginners)

Follow these steps exactly to get your own copy of this Next.js boilerplate running on your computer

1

📥 Download the Code from GitHub

Step 1.1: Go to GitHub.com in your web browser

Step 1.2: Find this repository (you'll need the URL from the person who shared this with you)

Step 1.3: Look for a big green button that says "Code" (usually in the top-right area)

Step 1.4: Click the "Code" button, then click "Download ZIP"

Step 1.5: Wait for the download to complete (it might take a minute)

💡 Tip:

The ZIP file will be saved to your "Downloads" folder by default

2

📁 Extract the ZIP File

Step 2.1: Go to your "Downloads" folder on your computer

Step 2.2: Find the ZIP file you just downloaded (it will have a name like "nextjs-boilerplate-main.zip")

Step 2.3: Right-click on the ZIP file and select "Extract All..." or "Extract Here"

Step 2.4: Choose a location on your computer (like Desktop or Documents)

Step 2.5: Click "Extract" and wait for it to finish

✅ Result:

You should now have a folder with all the project files inside

3

💻 Open Terminal/Command Prompt

Step 3.1: Press the Windows key + R on your keyboard

Step 3.2: Type "cmd" and press Enter (this opens Command Prompt)

Step 3.3: Navigate to your extracted folder using the "cd" command

Example: If you extracted to Desktop, type: cd Desktop\nextjs-boilerplate-main

Step 3.4: Press Enter - you should see the folder path in your terminal

🔧 Alternative:

You can also right-click inside the folder while holding Shift and select "Open PowerShell window here"

4

📦 Install Dependencies

Step 4.1: Make sure you're in the project folder in your terminal

Step 4.2: Type this command exactly: npm install

Step 4.3: Press Enter and wait (this might take 2-5 minutes)

Step 4.4: You'll see lots of text scrolling - this is normal!

Step 4.5: Wait until you see your command prompt again (no more scrolling)

⚠️ Important:

You need Node.js installed on your computer first. If you get an error, download it from nodejs.org

5

⚙️ Set Up Environment Variables

Step 5.1: In your project folder, create a new file called exactly: .env.local

Step 5.2: Open this file in any text editor (Notepad, VS Code, etc.)

Step 5.3: Copy and paste this content into the file:

# MongoDB
MONGODB_URI=mongodb://localhost:27017/myapp

# NextAuth
NEXTAUTH_SECRET=your-nextauth-secret-key-here-change-this-in-production
NEXTAUTH_URL=http://localhost:3000

# OAuth Providers (Optional - for SSO)
# Microsoft Azure AD
AZURE_AD_CLIENT_ID=your-azure-client-id
AZURE_AD_CLIENT_SECRET=your-azure-client-secret
AZURE_AD_TENANT_ID=your-azure-tenant-id

# Google OAuth
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret

Step 5.4: Replace the placeholder values with your actual MongoDB connection string

🔑 Need MongoDB?

Sign up for free at mongodb.com/atlas to get a connection string

6

🎉 Start Your App!

Step 6.1: In your terminal, type: npm run dev

Step 6.2: Press Enter and wait a moment

Step 6.3: You should see a message like "Ready - started server on 0.0.0.0:3000"

Step 6.4: Open your web browser and go to: http://localhost:3000

Step 6.5: You should see your app running! 🎉

🎯 Success!

You now have the exact same app running on your computer!

💡 Next Steps:

Run npm run setup to customize this boilerplate for your project!

🔧 Troubleshooting

❌ "npm is not recognized": Install Node.js from nodejs.org

❌ "Cannot find module": Make sure you ran "npm install" in the correct folder

❌ "Port 3000 is already in use": Close other apps or use a different port

❌ "MongoDB connection failed": Check your connection string in .env.local

❌ Build errors: Make sure all files were extracted properly

Still stuck? Check the Resources page for more help!