Loading repository data…
Loading repository data…
slowfound / repository
✨ Open-Source Full-stack E-Commerce Storefront with CMS Admin Panel. Built with Typescript, Next.js 14 App Dir, Tailwind CSS ( @shadcn-ui ) and Prisma. Admin panel included.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Welcome to the open-source Next.js E-Commerce Storefront with Admin Panel project! This project is built with TypeScript, Tailwind CSS, and Prisma, providing a powerful and flexible solution for building and managing your e-commerce website.
Sitemap.xml generation.next-cloudinary.middleware.ts and httpOnly cookies.This project is made up of 2 separate apps ( admin and storefront ) which should be deployed separately. If you are deploying with Vercel you should create 2 different apps.
Under the general tab there is a Root Directory option, for the admin app you should put in "apps/admin" and for the storefront app you should put in "apps/storefront".
The authentication is handled using JWT tokens stored in cookies and verified inside the middleware.ts file. The middleware function takes in the HTTP request, reads the token cookie and if the JWT is successfully verified, it sets the X-USER-ID header with the userId as the value, otherwise the request is sent back with 401 status.
Environment variables are stored in .env files. By default the .env.example file is included in source control and contains
settings and defaults to get the app running. Any secrets or local overrides of these values should be placed in a
.env file, which is ignored from source control.
Remember, never commit and store .env in the source control, just only .env.example without any data specified.
Clone the repository.
git clone https://github.com/sesto-dev/next-prisma-tailwind-ecommerce
Navigate to each folder in the apps folder and and set the variables.
cp .env.example .env
Get all dependencies sorted.
bun install
Bring your database to life with pushing the database schema.
bun run db:push
bun run dev
Prisma ORM can use any PostgreSQL database. Supabase is the easiest to work with. Simply set DATABASE_URL in your .env file to work.
bun run dbThis project exposes a package.json script for accessing prisma via bun run db:<command>. You should always try to use this script when interacting with prisma locally.
Make changes to your database by modifying prisma/schema.prisma.
This project is MIT-licensed and is free to use and modify for your own projects. Check the LICENSE file for details.
Created by Amirhossein Mohammadi.