/IgniteShop

Next.js study application to buy tshirts with Stripe API integration

Primary LanguageTypeScript

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:

Rickelme used Typescript Rickelme used Vite Rickelme used Vite

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