More Premium Hugo Themes Premium Nextjs Themes

Ecommerce Next13beta

E-Commerce site built with Next.js App Router (and other packages like tRPC, Next-Auth, Prisma, etc)

Ecommerce Next13beta

E-Commerce site built with Next.js App Router (and other packages like tRPC, Next-Auth, Prisma, etc)

Author Avatar Theme by amirfakhrullah
Github Stars Github Stars: 151
Last Commit Last Commit: Apr 16, 2023 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

Checks is a project created for experimenting and learning purposes. It is an e-commerce site for Nike sneakers built with the new Next.js 13 Beta and other packages like tRPC, Next-Auth, and Prisma. The project includes an admin section and aims to test and experiment with all the new features in Next.js 13 Beta.

Features:

  • Built with Next.js 13 Beta: Utilizes the latest version of Next.js for enhanced performance and capabilities.
  • Includes Admin Section: Provides separate backend functionality for managing the e-commerce site.
  • Tech-stacks: Uses a variety of technologies like TailwindCSS, Next-Auth, Prisma, PostgreSQL, and TypeScript to create a robust platform.
  • Deployment/Hosting: Hosted on Vercel for Next.js, Railway for database, and AWS S3 for image hosting.
  • Payment Integration: Utilizes Stripe for handling payment transactions.

Installation:

  1. Clone or fork the repository: To clone the repository, use command: git clone repository-url
  2. Set up environment variables: Create and configure the .env file using the provided .env.sample as a reference for the required keys.
  3. Install dependencies: Run command: npm install to install all the necessary dependencies.
  4. Generate Prisma client: After installing dependencies, run the postinstall script to generate the Prisma client.
  5. Synchronize Prisma schema: Push and synchronize the Prisma schema to the database using Prisma CLI.
  6. Seed initial data: Populate the database with initial data to kickstart the application.
  7. Run locally: Finally, run the application locally to test its functionality.

Summary:

Checks is an e-commerce project developed using the latest Next.js 13 Beta and various other packages. It serves as a platform for experimenting with the new features of Next.js while showcasing technologies like TailwindCSS, tRPC, Prisma, and Next-Auth. The project includes an admin section and integrates Stripe for payment processing, making it a comprehensive learning resource for building e-commerce sites with modern technologies.