Velvetry is a modern, stylish e-commerce platform built with Next.js and TypeScript. It features a beautiful UI, product catalog, shopping cart, checkout, order tracking, admin dashboard, and more.
- Modern Next.js 14+ app directory structure
- TypeScript for type safety
- Modular, reusable React components
- Shopping cart with context
- Product catalog and details pages
- Checkout and order confirmation
- Order tracking
- Admin dashboard and login
- Responsive design
- Custom hooks and utilities
- Styled with CSS (globals.css) and PostCSS
.
├── app/ # Next.js app directory (routing, pages)
├── components/ # Reusable UI and page components
├── contexts/ # React context providers (e.g., cart)
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and data logic
├── public/ # Static assets (images, icons)
├── styles/ # Global styles
├── package.json # Project metadata and scripts
├── tsconfig.json # TypeScript configuration
├── next.config.mjs # Next.js configuration
├── postcss.config.mjs # PostCSS configuration
├── pnpm-lock.yaml # pnpm lockfile
└── .gitignore
git clone <your-repo-url>
cd Velvetry-ECommerce-WebsiteIf you use pnpm (recommended):
pnpm installOr with npm:
npm installOr with yarn:
yarn installpnpm devor
npm run devor
yarn devOpen http://localhost:3000 in your browser to see the app.
pnpm build
pnpm startor
npm run build
npm startor
yarn build
yarn start- Add or update products in
lib/products.tsand images inpublic/. - Edit styles in
styles/globals.css. - Update components in
components/as needed.
- Next.js
- React
- TypeScript
- PostCSS
- pnpm (optional, but recommended for speed)
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
How to run this project:
- Open a terminal in the project folder.
- Run
pnpm install(ornpm install). - Start the dev server with
pnpm dev(ornpm run dev). - Visit http://localhost:3000 in your browser.
Enjoy building with Velvetry! 🎉