👕 SwiftShop

Example clean and beautiful E-commerce shop with various features.

This project is written to gain experience in frontend technologies.

Note: Project is currently in progress 👷‍♂️

Demo

https://swift-shop-three.vercel.app/

Tech Stack

Client: Next.js 14, TypeScript, Tailwind CSS, GraphQL, Codegen

Lessons Learned

While doing this project I learned a lot about working with GraphQL and I realized how Codegen is very helpful for TypeScript types. I discovered a lot of modern Next.js 14 features like app router, server components, server actions, optimistic updates and more. I discovered atomic design file structure.

Feedback

If you have any feedback, please reach out to me at [email protected] or LinkedIn

Run Locally

Clone the project

  git clone https://github.com/0xyy/swift-shop.git

Go to the project directory and install dependencies

  npm install

Start the server in development mode

  npm run dev

Authors

• @0xyy