Ignite Shop

Challenge: Learn how to Next.js works, like API, SSG, SPA, SSR, and more.

Project:

Functionalities implemented:

• API intregation ecommerce like
• List products from the API (Stripe)
• Cart to add and remove products
• Buy one item or multiple items
• Success screen

Knowledges used and learned:

• SEO using Next.js
• Stitches style library
• Keen-Slider (Carousels)
• Image Next.js optimization concepts
• Data Fetching (Next.js and Axios)
• Creation of Next.js server API
• SSG, SSR, SPA
• Links (prefetch)
• Hooks (useEffect, useState)
• ContextApi
• Filters, Maps

Techs:

How to run:

Step zero, configure the .env.local file:

NEXT_URL=http://localhost:3000

STRIPE_PUBLIC_KEY=your_stripe_public_key
STRIPE_SECRET_KEY=your_stripe_secret_key

First, install and run the development server:

npm install

npm run dev