filmov
tv
Crea una Aplicación de Alquiler de Coches: Guía Paso a Paso con NextJS, React, Tailwind CSS y Stripe
Показать описание
¡Bienvenidos a un nuevo curso completo donde desarrollamos una aplicación de alquiler de coches desde cero! En este video, te guiaré a través de todo el proceso de creación de una plataforma de alquiler de vehículos con funcionalidades avanzadas y un despliegue en producción gratuito.
_________________
📢 Recursos Adicionales:
_________________
__________________
📚 ¿Qué Aprenderás en Este Curso?
- 🎨 Componentes bonitos con Shadcn UI
- 🔐 Auth usando Clerk
- ❤️ Lista de coches que me gustan
- 🛍 Tienda online
- 💳 Pasarela de pago con Stripe
- 🏠 Landing page con animaciones
- 📊 Admin dashboard con Strapi
- 💾 PostgresDB using NeonDB
- 🚀 Deployment on Vercel
- 📱 Mobile responsive
- NextJS: Configuración y uso de NextJS para el desarrollo de la aplicación.
- React: Creación de componentes interactivos y dinámicos.
- Tailwind CSS & Shadcn: Para la creación de componentes con estilo.
- Prisma y Neon Tech: Configuración y manejo de la base de datos.
- Framer Motion: Animaciones fluidas y atractivas para una mejor experiencia de usuario.
- Clerk: Implementación de sistemas de autenticación para login y registro.
- Stripe: Implementación de una pasarela de pago segura para el alquiler de vehículos.
- Despliegue en Producción: Subir el proyecto a un entorno real utilizando Vercel.
__________________________
🛠️ Proceso Completo:
- Configuración del Proyecto: Instalación y configuración inicial de NextJS.
- Desarrollo del Frontend: Creación de la interfaz de usuario con React.
- Gestión de la Base de Datos: Configuración y uso de Prisma y Neon Tech.
- Animaciones con Framer Motion: Implementación de animaciones para mejorar la UX.
- Integración de Stripe: Configuración de la pasarela de pago para gestionar los alquileres.
- Selección de Fechas y Alquiler: Funcionalidad para seleccionar fechas y realizar reservas.
- Despliegue en Producción: Publicación de la aplicación en Vercel para acceso público.
__________________
🚀 ¿Para Quién es Este Curso?
Desarrolladores principiantes y avanzados interesados en crear aplicaciones de alquiler de coches.
Emprendedores que buscan lanzar una plataforma de alquiler de vehículos.
Cualquier persona interesada en aprender tecnologías modernas de desarrollo web.
¡No olvides suscribirte al canal y activar las notificaciones para más contenido como este! Si te gustó el video, dale like y comparte con tus amigos. Deja tus preguntas y comentarios abajo, estaré encantado de ayudarte. ¡Vamos a crear algo increíble juntos!
__________________
📅 Temas del Video:
00:00:00 - Qué vamos a hacer en este curso
00:06:35 - Preparando el entorno, Visual Studio Code y Extensiones
00:15:25 - Empezando proyecto
00:28:11 Autenticación Clerk
00:34:11 Organización de directorios
00:45:00 Estructura Dashboard
00:50:40 Sidebar
01:16:30 Base de datos y prisma
01:29:28 Admin cars
03:39:00 Configurando Stripe
04:09:47 Loved cars
04:34:08 Página de reservas
05:08:44 Maquetando página home
06:02:40 Página listado de coches
06:46:19 Filtrado para administrador
06:52:14 Desplegando proyecto
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💟 Sígueme
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
_________________
📢 Recursos Adicionales:
_________________
__________________
📚 ¿Qué Aprenderás en Este Curso?
- 🎨 Componentes bonitos con Shadcn UI
- 🔐 Auth usando Clerk
- ❤️ Lista de coches que me gustan
- 🛍 Tienda online
- 💳 Pasarela de pago con Stripe
- 🏠 Landing page con animaciones
- 📊 Admin dashboard con Strapi
- 💾 PostgresDB using NeonDB
- 🚀 Deployment on Vercel
- 📱 Mobile responsive
- NextJS: Configuración y uso de NextJS para el desarrollo de la aplicación.
- React: Creación de componentes interactivos y dinámicos.
- Tailwind CSS & Shadcn: Para la creación de componentes con estilo.
- Prisma y Neon Tech: Configuración y manejo de la base de datos.
- Framer Motion: Animaciones fluidas y atractivas para una mejor experiencia de usuario.
- Clerk: Implementación de sistemas de autenticación para login y registro.
- Stripe: Implementación de una pasarela de pago segura para el alquiler de vehículos.
- Despliegue en Producción: Subir el proyecto a un entorno real utilizando Vercel.
__________________________
🛠️ Proceso Completo:
- Configuración del Proyecto: Instalación y configuración inicial de NextJS.
- Desarrollo del Frontend: Creación de la interfaz de usuario con React.
- Gestión de la Base de Datos: Configuración y uso de Prisma y Neon Tech.
- Animaciones con Framer Motion: Implementación de animaciones para mejorar la UX.
- Integración de Stripe: Configuración de la pasarela de pago para gestionar los alquileres.
- Selección de Fechas y Alquiler: Funcionalidad para seleccionar fechas y realizar reservas.
- Despliegue en Producción: Publicación de la aplicación en Vercel para acceso público.
__________________
🚀 ¿Para Quién es Este Curso?
Desarrolladores principiantes y avanzados interesados en crear aplicaciones de alquiler de coches.
Emprendedores que buscan lanzar una plataforma de alquiler de vehículos.
Cualquier persona interesada en aprender tecnologías modernas de desarrollo web.
¡No olvides suscribirte al canal y activar las notificaciones para más contenido como este! Si te gustó el video, dale like y comparte con tus amigos. Deja tus preguntas y comentarios abajo, estaré encantado de ayudarte. ¡Vamos a crear algo increíble juntos!
__________________
📅 Temas del Video:
00:00:00 - Qué vamos a hacer en este curso
00:06:35 - Preparando el entorno, Visual Studio Code y Extensiones
00:15:25 - Empezando proyecto
00:28:11 Autenticación Clerk
00:34:11 Organización de directorios
00:45:00 Estructura Dashboard
00:50:40 Sidebar
01:16:30 Base de datos y prisma
01:29:28 Admin cars
03:39:00 Configurando Stripe
04:09:47 Loved cars
04:34:08 Página de reservas
05:08:44 Maquetando página home
06:02:40 Página listado de coches
06:46:19 Filtrado para administrador
06:52:14 Desplegando proyecto
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💟 Sígueme
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Комментарии