Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lawcr/next14-teslo-shop
Aplicación Teslo Shop inspirada en Tesla para el desarrollo de un ecommerce desarrollado con Nextjs 14
https://github.com/lawcr/next14-teslo-shop
cloudinary nextauth nextjs14 postgresql prisma reacthookform tailwindcss zustand
Last synced: about 1 month ago
JSON representation
Aplicación Teslo Shop inspirada en Tesla para el desarrollo de un ecommerce desarrollado con Nextjs 14
- Host: GitHub
- URL: https://github.com/lawcr/next14-teslo-shop
- Owner: LawCR
- Created: 2024-05-03T07:05:05.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-03T07:39:46.000Z (8 months ago)
- Last Synced: 2024-05-03T12:46:53.641Z (8 months ago)
- Topics: cloudinary, nextauth, nextjs14, postgresql, prisma, reacthookform, tailwindcss, zustand
- Language: TypeScript
- Homepage: https://teslo-clone.vercel.app/
- Size: 16.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Descripción
Aplicación Teslo Shop inspirada en Tesla para el desarrollo de un ecommerce desarrollado con Nextjs 14 donde se aprendieron y reforzaron las siguientes tecnologias:
- Nextjs 14
- Server Side Rendering
- Client Side Rendering
- Incremental & Static Generation
- Next API Routes
- Next Server Actions
- Optimistic Updates
- Manejo de Cookies
- Paginación
- SEO
- Metadata Estática & Dinámica
- OpenGraph
- Zustand - Global State
- Tailwind
- Next Auth - Google Provider - Credentials Provider
- Sesiones
- Protección de Rutas
- React Hook Form
- PostgreSQL
- Pagos con PayPal
- Prisma
- Prisma Transactions
- Seeds
- Cloudinary
## Correr en dev
1. Clonar el repositorio
2. Crear una copia del ```.env.template``` y renombrarlo a ```.env``` y cambiar las variables de entorno
3. Instalar dependencias
```
npm install
```
4. Levantar la base de datos
```
docker compose up -d
```
5. Correr las migraciones de Prisma
```
npx prisma migrate dev
```
6. Ejecutar seed
```
npm run seed
```
6. Correr el proyecto
```
npm run dev
```
## Correr en prod
1. Crear la base de datos.
2. Copiar el DATABASE_URL de produccion en nuestro .env
3. Correr las migraciones en deploy
```
npx prisma migrate deploy
```
4. Correr el Seed
```
npm run seed
```