Back to projects
Ecommerce Store

Ecommerce Store

Stéphane Norng / November 17, 2024

This is a full-stack ecommerce store built with NextJs and Stripe. It uses the @stripe/stripe-js package to handle payments and the @next/bundle-analyzer package to analyze the bundle size.

Features

  • Stripe Payments: Accept payments using the Stripe API.
  • Product Catalog: Display products in a grid layout.
  • Shopping Cart: Add products to the shopping cart and checkout.
  • User Authentication: Allow users to sign up and log in.
  • Order History: View order history and track shipments.

Technologies

  • NextJs: A React framework for building static and dynamic websites.
  • Stripe: A payment processing platform for online businesses.
  • Tailwind CSS: A utility-first CSS framework for building custom designs.
  • Vercel: A cloud platform for static sites and serverless functions.

Getting Started

To get started with this project, you can clone the repository and install the dependencies:

git clone
cd ecommerce-store
npm install

Once the dependencies are installed, you can run the development server:

npm run dev

The development server will start at http://localhost:3000.

Deployment

To deploy this project, you can use Vercel. You can link your GitHub repository to Vercel and deploy the project with a single click.

Conclusion

This ecommerce store is a great example of how you can build a full-stack application with NextJs and Stripe. By integrating the Stripe API with NextJs, you can create a seamless shopping experience for your customers and manage payments securely and efficiently.