Projeto com novos recursos do Next.js 13 | Usando o Next.js 13 e o OpenAI para criar um site gerador de piadas
Neste vídeo, @CodeWithHarry explica como criar um site gerador de piadas aleatórias usando Next.js 13 e OpenAI's API. Harry também aborda alguns dos novos recursos do Next.js 13, a última versão do Next.js.
Novo na Linode? Comece aqui com um crédito de $100!
Capítulos:
0:00 Introdução
0:24 Criar novo projeto
2:30 Iniciar servidor de desenvolvimento
3:20 Iniciar desenvolvimento YARN
3:50 Instalar Yarn
4:40 VSCode TIp!
5:30 Criar raiz personalizada
8:15 Gerar Meta Descrição
9:20 Usando Layout.js
11:00 Importar aliases
13:20 Criar rodapé
14:00 Criar barra de navegação
15:45 Estilizar Rodapé
17:30 Criar conteúdo
21:20 Criar Slider
23:40 Instalar Carrossel
26:15 Remover botões desnecessários
27:50 Ajustar Largura
29:25 Gerar Piadas em Formato JSON
30:55 Inserir Piadas
31:05 Assegurar que a inserção de piadas é aleatória
33:00 Importar useEffect
34:20 Use HTML Perigosamente Definido
35:40 Adicionar classe à divisão da piada
37:00 Criar Botão Regenerar
42:00 Adicionar JSON de Piadas
42:25 Verificar página
42:35 Conclusão
Leia o documento para obter mais informações sobre como começar a utilizar o Next.js.
Saiba mais sobre o Next.js.
Inscreva-se para ser notificado sobre novos episódios assim que forem lançados.
#Akamai #Next.js #OpenAI
Produtos: Akamai, Next.js, OpenAI; @CodeWithHarry