Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rooneyrulz/quickcart
QuickCart: Next.js 13 E-Commerce App with Google SSO JWT
https://github.com/rooneyrulz/quickcart
daisyui jwt next-auth nextjs13 oauth2 prisma reactjs sso-authentication tailwindcss typescript
Last synced: 8 days ago
JSON representation
QuickCart: Next.js 13 E-Commerce App with Google SSO JWT
- Host: GitHub
- URL: https://github.com/rooneyrulz/quickcart
- Owner: rooneyrulz
- License: mit
- Created: 2024-01-03T11:29:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-17T05:57:23.000Z (9 months ago)
- Last Synced: 2024-11-29T18:13:38.532Z (2 months ago)
- Topics: daisyui, jwt, next-auth, nextjs13, oauth2, prisma, reactjs, sso-authentication, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://kodeum-shop.vercel.app
- Size: 164 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QuickCart: Next.js 13 E-Commerce App with Google SSO JWT
Welcome to QuickCart, a feature-rich E-commerce application built on the latest Next.js 13 framework. This project combines the power of App Router, TypeScript, seamless deployment strategies, TailwindCSS for stunning designs, Prisma for efficient database management, and DaisyUI to enhance the UI/UX experience.
## Features
### 1. Next.js 13
Leverage the cutting-edge features of Next.js 13, ensuring optimal performance, improved developer experience, and the latest advancements in the React ecosystem.
### 2. App Router
Craft dynamic and fluid user experiences with Next.js App Router. Seamlessly transition between pages and enhance the overall navigation flow for your customers.
### 3. TypeScript
Build robust and maintainable code with TypeScript, providing static typing to catch errors early, enabling a smoother development process.
### 4. Deployment
Effortlessly deploy your E-commerce app with our deployment strategies. Choose from various options to suit your needs, ensuring a seamless transition from development to production.
### 5. TailwindCSS
Create visually stunning and responsive designs with TailwindCSS. TailwindCSS empowers you to build a unique and engaging user interface for your online store.
### 6. Prisma
Efficiently manage your database with Prisma, ensuring scalability, security, and ease of development. Prisma simplifies database operations, making data handling a breeze.
### 7. DaisyUI
Enhance your UI components with DaisyUI, adding a touch of elegance to your E-commerce app. DaisyUI provides a collection of beautiful and customizable UI elements to elevate the overall user experience.
### 8. Google SSO JWT
Implement secure and streamlined user authentication using Google Single Sign-On (SSO) with JSON Web Tokens (JWT). Simplify user onboarding and enhance account security for your customers.
## Getting Started
1. Clone the repository.
2. Install dependencies with `npm install`.
3. Configure your Google API credentials for SSO.
4. Set up Prisma for your database.
5. Run the app locally using `npm run dev`.
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
To run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.