Next.js + Laravel Rest API

A minimalist seo friendly blog application built with Next.js and Laravel REST API.

Features

• 🔐 Authentication with Laravel Sanctum
• 👤 User and Admin roles
• 📝 Blog post management
• 🎨 Modern UI with Tailwind CSS
• 🔄 Real-time data updates with SWR
• 📱 Responsive design

Installation

1. Clone the repository:

git clone https://github.com/developermithu/nextjs-api-blog.git
cd nextjs-api-blog

2. Install dependencies:

npm install or bun install

3. Create a .env.local file in the root directory and add the following content:

NEXT_PUBLIC_APP_URL=http://localhost:3000
NEXT_PUBLIC_BACKEND_URL=http://localhost:8000

4. Start the development server:

npm run dev or bun dev

5. Open http://localhost:3000 in your browser to view the application.

Login with the following credentials:

# Admin Info:
Email: admin@gmail.com
Password: admin

# User Info:
Email: user@gmail.com
Password: user

Project Structure

├── src/
│   ├── app/
│   │   ├── (auth)/              # Authentication routes
│   │   ├── (main)/              # Public routes
│   │   ├── dashboard/           # Protected dashboard routes
│   │   ├── styles/              # Global styles
│   │   ├── layout.jsx           # Root layout
│   │   └── page.jsx             # Home page
│   ├── components/              # Reusable components
│   ├── hooks/                   # Custom React hooks
│   ├── lib/                     # Utilities and configurations
│   └── services/                # API service functions

Authentication

The application uses Laravel Sanctum for authentication. The authentication flow is handled through the useAuth hook, which provides:

• Login, Register and Logout functionality

Dependencies

Key dependencies used in this project:

• Backend - Laravel + Sanctum
• Next.js 15 - React framework
• Tailwind CSS V4 - Utility-first CSS framework
• SWR - Data fetching and caching
• Axios - HTTP client
• Lucide React - Icon library
• Shadcn UI - UI components library

Made with ❤️ by developermithu