https://github.com/programmersteve/nextecommerce
A next js ecommerce app, uses Google OAuth for sign in, cockroachdb(mysql) as a database, and prisma as the adapter for the database.
https://github.com/programmersteve/nextecommerce
cockroachdb mysql next-auth nextjs prisma react tailwindcss typescript
Last synced: about 1 month ago
JSON representation
A next js ecommerce app, uses Google OAuth for sign in, cockroachdb(mysql) as a database, and prisma as the adapter for the database.
- Host: GitHub
- URL: https://github.com/programmersteve/nextecommerce
- Owner: ProgrammerSteve
- Created: 2023-01-14T00:31:14.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-11T17:05:41.000Z (almost 2 years ago)
- Last Synced: 2025-02-04T09:33:34.521Z (about 1 year ago)
- Topics: cockroachdb, mysql, next-auth, nextjs, prisma, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://squarenext.vercel.app
- Size: 268 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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).
# Links
- https://squarenext.vercel.app/
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
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.
# TO DO:
- ~~Fix navbar link displays~~
- ~~Add uuid for sample Data to do Key~~
- ~~Create Sidebar~~
- ~~Get Icons for Sidebar Component~~
- ~~Style Sidebar Component~~
- ~~Create individual product pages~~
- ~~Link a database to next-auth~~
- ~~Add a cart SVG in corner~~
- ~~Add hamburger menu for navbar~~
- ~~Create cart in database for each user~~
- ~~Create crud operations for database~~
- ~~Create a cart page with a checkout link~~
- Create checkout page
- Integrate square with env variables
- ~~Create a contact page~~
- Create a profile page
- ~~Create an about page~~
- ~~Add 2xl breakpoint in CSS~~
- ~~Make homepage responsive in 2xl~~
- ~~Create express graphQL app for sample data~~
- ~~Add Apollo Client to frontend~~
- ~~Link database with products~~
- ~~fix graphql refetch bug for Cart and navigation bar~~
- ~~Create removeCartItem hook~~
- ~~Check if increment and decrement cart item hooks work~~
- ~~Add cart hooks to cart page~~
- Add input for item page so a specified amount can be added
- Add payment page for cart
- Add Stripe or Square to enable purchasing
- Make resolvers and schema for orders on the backend
- Update the profile page to show previous purchases