Gadgetsphere is a modern, responsive web application built with Next.js 15 and NextAuth.js. It allows users to browse products, view product details, and, after logging in, access a protected dashboard to add new products. The app demonstrates public and protected routes, authentication, and responsive UI with mobile-friendly navigation.

• Landing page with Hero, Product Highlights, and Footer
• Credential-based and Google login using NextAuth.js
• Public product list and product detail pages
• Protected dashboard for adding new products
• Mobile-friendly navigation menu
• Optional enhancements: loading spinners, toast notifications, theme toggle

• Frontend: Next.js 15 (App Router), React, Tailwind CSS, Material Tailwind
• Authentication: NextAuth.js
• Backend / API: Next.js Route Handlers (/api)
• Other Libraries: Lucide Icons, react-hook-form

1. Clone the repository

   git clone https://github.com/ArunRoy404/nextjs-jobtask.git
   cd gadgetsphere

2. Install dependencies

    npm install
    # or
    yarn install
   

3. Configure environment variables Create a .env.local file in the root directory:

    NEXTAUTH_SECRET=your_secret_key
    MONGODB_URI=your_mongodb_uri
    DB_NAME=your_database_name
    NEXT_PUBLIC_API_URL=http://localhost:3000
   

4. Run the development server

    npm run dev
    # or
    yarn dev

   Open http://localhost:3000 -> to view the app.

5. CBuild and run for production

    npm run build
    npm run start