Next Js Full Stack Ecommerce From Scratch.

This is a full stack Nextjs app with a beautiful and amazing design ui.

Our goal

• Build beautiful Frontend Design UI & High quality code
• Build Strong Api.
• Test with Jest and Cypress.

Core features

• Start a next js project from scratch
• Set SEO to Next Js Project
• Set up Tailwind Css and Next Js Project
• Create React components with Tailwind CSS
• Create React components with framer motion
• Test your app with Jest, Cypress
• Build consume API

Quick start

To spin up this example loccaly, follow these steps

Clone

Use the git clone CLI to clone template directly to your machine

Set up env file

1. You will need to setup Next js Next Js

    NEXT_PUBLIC_SERVER_URL=

Run project on local

    npm install
    npm run dev

Project Dev Steps

Environment Setup - Create a env file on the root of project

PUT THIS INSIDE

    NEXT_PUBLIC_SERVER_URL=http://localhost:3000
    NEXT_PUBLIC_API_URL=https://carrefour-theta.vercel.app
    NEXTAUTH_SECRET=NEXTAUTH_SECRET

    # Stripe integration 
    NEXT_PUBLIC_STRIPE_CLIENT_KEY=
    STRIPE_SECRET_KEY=

    # Paypal integration 
    NEXT_PUBLIC_PAYPAL_CLIENT_ID=
    PAYPAL_CLIENT_SECRET=