Nuevo Proyecto Next.js 13 | Usando Next.js 13 y OpenAI para construir un Sitio Web Generador de Chistes
En este vídeo, @CodeWithHarry explica cómo crear un sitio web generador de chistes aleatorios utilizando Next.js 13 y OpenAI's API. Harry también cubre algunas de las nuevas características de Next.js 13, la última entrega de Next.js.
¿Es nuevo en Linode? ¡ Empieza aquí con un crédito de 100 $!
Capítulos:
0:00 Introducción
0: 24 Crear un nuevo proyecto
2:30 Iniciar servidor de desarrollo
3:20 Iniciar YARN Dev
3: 50 Instalar Yarn
4:40 ¡VSCode TIp!
5: 30 Crear raíz personalizada
8: 15 Generar Meta Descripción
9: 20 Usar Layout.js
11:00 Importar Aliases
13: 20 Crear Pie de Página
14:00 Crear barra de navegación
15: 45 Estilizar pie de página
17: 30 Crear Contenido
21: 20 Crear Slider
23:40 Instalar carrusel
26: 15 Eliminar botones innecesarios
27: 50 Ajustar Ancho
29: 25 Generar Chistes en Formato JSON
30:55 Insertar chistes
31:05 Asegurar que la inserción de chistes sea aleatoria
33:00 Importar useEffect
34:20 Usar HTML Peligrosamente Ajustado
35:40 Añadir Clase a la Div de Broma
37:00 Crear botón Regenerar
42:00 Añadir JSON de Bromas
42: 25 Comprobar Página
42: 35 Conclusión
Lee la documentación para obtener más información sobre cómo empezar a utilizar Next.js.
Más información sobre Next.js.
Suscríbete para recibir notificaciones sobre nuevos episodios.
#Akamai #Next.js #OpenAI
Productos: Akamai, Next.js, OpenAI; @CodeWithHarry
También te puede gustar...
-
Servicio de GitHub autoalojado | Gitea con Cloudron
En este tutorial, le mostraremos cómo instalar una aplicación adicional en su instancia de Cloudron, utilizando Gitea como ejemplo. -
Crear un juego multijugador en línea en Python | Episodio 1-3 Implementación del servidor
En esta nueva serie, @TechWithTim explica cómo construir un juego de matemáticas multijugador online usando Python, sockets, y el módulo Pygame. -
Implementación de un clon de ChatGPT en un servidor mediante OpenAI API Parte 2
En la segunda parte, Tomi nos muestra cómo utilizar OpenAI API para que el usuario pueda chatear con el chatbot y desplegar la aplicación. -
Ghost ofrece a los creadores herramientas para lanzar su propio negocio de suscripciones | Tutorial de instalación del servidor Ghost
Ghost es una plataforma completa para dirigir un negocio de medios de comunicación independiente, tanto si estás empezando como si tienes experiencia, ¡Ghost es perfecto!