Cineflix — Sitio de Cine Completo con IA (Next.js + Tailwind)Cineflix — Complete Movie Website Built with AI (Next.js + Tailwind)
Web completa de una cadena de cines construida con IA: cartelera, preventa de entradas con selección de butacas y checkout simulado. Código 100% abierto: clónalo, modifícalo, véndelo y úsalo con tus clientes.Complete movie theater website built with AI: showtimes, ticket pre-sale with seat selection and simulated checkout. 100% open code: clone it, modify it, sell it, and use it with your clients.
Cómo nació este proyecto
La ruleta volvió a decidir. Primero le pedí a la IA que generara 10 ideas de proyectos, después giré la ruleta y el resultado fue Cineflix: una web completa para una cadena de cines.
En este video diseño y construyo todo el sitio con herramientas de IA, paso a paso y en vivo: la landing, la cartelera y el flujo completo de compra de entradas. Y como siempre, al final el proyecto queda completamente GRATIS.
Qué incluye
- Landing dark con hero de estrenos, salas 3D/4D, ubicaciones y FAQ.
- Página de cartelera con películas, horarios y tipos de sala.
- Preventa de entradas con filtros por sucursal, sala e idioma.
- Mapa de sala con 200 butacas, zonas separadas y selección incremental de entradas.
- Checkout simulado con resumen, datos del cliente y confirmación con código QR.
- Stack: Next.js + TailwindCSS con iconos Lucide.
- Todo construido solo prompteando, sin escribir ni una línea de código.
Licencia: hacé lo que quieras
El repositorio es completamente abierto: clónalo, modifícalo, véndelo y úsalo en tus proyectos. Tienes mi bendición xD
- ✅ Puedes usarlo para clientes.
- ✅ Modificarlo.
- ✅ Publicarlo.
- ✅ Venderlo o cobrar por él.
Repositorio: github.com/angelnavasd/CineFlix-by-angelnavas
Próximo video
Si te gustó el formato, comenta qué proyecto te gustaría ver en la próxima ruleta. Y seguime en redes para estar al tanto de los próximos videos.
How this project was born
The wheel decided again. First I asked the AI to generate 10 project ideas, then I spun the wheel and the result was Cineflix: a complete website for a movie theater chain.
In this video I design and build the entire site with AI tools, step by step, live: the landing page, the showtimes page and the full ticket-purchase flow. And as always, the project ends up completely FREE.
What’s included
- Dark landing page with a premieres hero, 3D/4D theaters, locations and FAQ.
- Showtimes page with movies, schedules and theater types.
- Ticket pre-sale with filters by branch, theater and language.
- Seat map with 200 seats, separated zones and incremental ticket selection.
- Simulated checkout with summary, customer data and QR confirmation.
- Stack: Next.js + TailwindCSS with Lucide icons.
- Everything built by prompting only, without writing a single line of code.
License: do whatever you want
The repository is fully open source: clone it, modify it, sell it, and use it in your own projects. You have my blessing xD
- ✅ Use it for clients.
- ✅ Modify it.
- ✅ Publish it.
- ✅ Sell it or charge for it.
Repository: github.com/angelnavasd/CineFlix-by-angelnavas
Next video
If you liked the format, comment which project you’d like to see on the next wheel spin. And follow me on social media to stay tuned for upcoming videos.
¿Listo para usarlo?Ready to use it?
Clona el repositorio y hacé lo que quieras con él. Licencia completamente abierta.Clone the repository and do whatever you want with it. Fully open license.