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 US$ 100!
Capítulos:
0:00 Introdução
0:24 Criar novo projeto
2:30 Iniciar o servidor de desenvolvimento
3:20 Iniciar o desenvolvimento do YARN
3:50 Instalar o Yarn
4:40 VSCode TIp!
5:30 Criar raiz personalizada
8:15 Gerar meta descrição
9:20 Usar 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 controle deslizante
23:40 Instalar carrossel
26:15 Remover botões desnecessários
27:50 Ajustar largura
29:25 Gerar piadas no formato JSON
30:55 Inserir piadas
31:05 Garantir que a inserção da piada seja aleatória
33:00 Importar useEffect
34:20 Usar HTML perigosamente definido
35:40 Adicionar classe à divisão de piada
37:00 Criar botão de regeneração
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 usar 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