Futuristic Blog with Next.js

A modern, futuristic-looking blog built with Next.js, featuring authentication with GitHub OAuth and a sleek glassmorphism design.

Features

• Modern UI with glassmorphism design
• GitHub OAuth authentication
• Blog post creation and display
• Responsive design for all devices
• Smooth animations and transitions
• Server-side rendering for performance

Getting Started

1. Install dependencies:

npm install

2. Create a GitHub OAuth App:

   • Go to GitHub Settings > Developer settings > OAuth Apps
   • Click "New OAuth App"
   • Set Homepage URL to http://localhost:3000
   • Set Authorization callback URL to http://localhost:3000/api/auth/callback/github
   • Copy the Client ID and Client Secret

3. Create a .env.local file with your credentials:

GITHUB_ID=your_github_oauth_app_id
GITHUB_SECRET=your_github_oauth_app_secret
NEXTAUTH_SECRET=your_nextauth_secret_key
NEXTAUTH_URL=http://localhost:3000

4. Generate a NEXTAUTH_SECRET:

openssl rand -base64 32

5. Run the development server:

npm run dev

6. Open http://localhost:3000 in your browser

Deployment

To deploy this blog to production:

1. Build the application:

npm run build

2. Start the production server:

npm start

Or deploy to Vercel with one click:

Technologies Used

• Next.js
• NextAuth.js
• React
• CSS Modules

License

This project is licensed under the MIT License.