Full Stack SaaS con IA por voz

React JS

Next JS

TypeScript

Clerk JS

Tailwind CSS

Prisma

Stripe

Visual Studio

¿Preparado para empezar a programar?

Mira tu progreso, cambia la calidad de los videos, la velocidad y mucho más.

Desbloquea siendo PRO

Hazte PRO aquí

Contenido

78 clases

0. Instalando proyecto

1. Subiendo proyecto a Git

2. Organización de rutas y archivos

3. Layout principal y fuente

4. Empezando home

5. Navbar y logo

6. Navbar routes desktop

7. Modificación CSS importante

8. Navbar Mobile y subiendo a Github

9. Hero Block home

10. Subiendo Hero block a Github

11. Bloque Como funciona

12. 12. Subiendo How it works a Github

13. Pricing plan block

14. Renderizado del pricing

15. Subiendo a Git el pricing

16. Cta Home

17. Subiendo Cta a Github

18. Dashboard page y sidebar

19. Items sidebar

20. Formulario create interview

21. Selector de rol y dificultad

22. Footer Sidebar

23. Acabando Footer sidebar

24. Subiendo Sidebar a Github

25. Configurando Prisma y BBDD

26. Creando Schema y conectando la base de datos

27. Autenticación con Clerk

28. Botones usuario y layout auth

29. Primeras consultas a la base de datos

30. Primeros bloques dashboard

31. Bloque de aviso

32. Subiendo a Github

33. Primer bloque de entrevistas

34. Primera request a bbdd

35. Maquetando entrevista

36. Funcionalidad de modal de crear intrevista

37. Renderizando primer bloque de la tabla

38. Últimos bloques de la tabla de entrevistas

39. Interview Id Layout

40. Empezando página interview id

41. Obteniendo información de la entrevista

42. Primer bloque de AI en video llamada

43. Bloque del usuario en video llamada

44. Botones de acciones en la llamada

45. Instalando y configurando VAPI

46. Configurando VAPI AI

47. Configurando Asistente Vapi

48. Configurando funciones de VAPI

49. Probando llamada con IA en nuestra web

50. Bloque de mensajes y transcripción

51. Guardando transcripción de la llamada

52. Resumen del proyecto hasta ahora

53. Subiendo a Github

54. Detalle de la entrevista

55. Info Card

56. Transcripción

57. Subiendo a Github

58. Obteniendo datos de pago del usuario

59. Stripe Dialog Componente

60. Actualizar status Free trial al crear entrevista

61. Probando filtro y actualización de entrevista

62. Subiendo a Github cambios de los botones

63. Configurando cuenta Stripe

64. Endpoint checkout

65. Creando Webhook API

66. Webhook Stripe

67. Arreglando pequeño bug

68. Subiendo a Github

69. Arreglando problema del id

70. Comprobando pago

71. Pequeño bug con hasPaid

72. Ejercicio para nota

73. Subiendo fixes a Github

74. Desplegando en Vercel

75. Subir cambios a la web o cambiar variables de entorno

76. Webhook de Stripe en producción

77. Subiendo cambio a Vercel