Next.js - Site Estático de Receitas Projeto Prático Next.js - Site Estático de Receitas

Aprenda como criar um site estático de receitas utilizando o Next.js

Curso com 02h16 de videos Categoria Desenvolvimento Front-end

Sobre o projeto

O Next.js é um framework criado com React que nos fornece várias funcionalidades avançadas. Entre elas temos a possibilidade de criar aplicações que são renderizadas no servidor (SSR) e também de gerar sites estáticos. Neste projeto iremos desenvolver um site de receitas. Vamos criar uma tela de cadastro de receitas, e no final teremos todas as páginas de nosso site geradas.

O Next.js é um framework criado com React que nos fornece várias funcionalidades avançadas. Entre elas temos a possibilidade de criar aplicações que são renderizadas no servidor (SSR) e também de gerar sites estáticos. Neste projeto iremos desenvolver um site de receitas. Vamos criar uma tela de cadastro de receitas, e no final teremos todas as páginas de nosso site geradas.

O que irá aprender?

Neste projeto iremos conhecer o Next.js. Conforme desenvolvemos nosso site, veremos vários conceitos desse framework.

Alguns itens presentes no curso:

  • Criação de Projeto com o Next.js;
  • Organização por componentes;
  • Componentes do Next.js;
  • Criação de páginas estáticas e dinâmicas;
  • Carregamento de Dados do Servidor;
  • Renderização no Servidor;
  • Roteamento e Parâmetros na URL;
  • Build de site estático.

Para quem?

Este projeto é destinado àqueles que já possuem um conhecimento de React e queiram continuar desenvolvendo suas habilidades, agora com uma nova ferramenta.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato

Ambiente do curso

  • Node.js
  • Visual Studio Code
  • Tw Dev Server

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Apresentação

    Apresentação do projeto prático.

    3 aulas
    • Apresentação do curso
    • Código do projeto
    • Repositório do projeto
  2. Criação do Projeto e Instalações das Dependências

    Nesta aula veremos a criação do projeto e a instalação das dependências que serão utilizadas nele.

    2 aulas
    • Criação do Projeto e Instalação de Dependências
    • Servidor - iniciando o Tw Dev Server
  3. Cadastro de Receitas

    Nesta aula veremos a criação do formulário de cadastro do site.

    3 aulas
    • Serviços de Requisições
    • Formulário de Cadastro
    • Lista de Receitas Cadastradas
  4. Site estático de Receitas

    Nesta aula veremos a criação do site de receitas.

    7 aulas
    • Tela Inicial - Cabeçalho e Rodapé
    • Listando Receitas na Tela Inicial
    • Separando Receitas por Categorias
    • Listando Receitas na Tela de Categorias
    • Exibindo o Conteúdo de uma Receita
    • Build e Acesso ao Site Estático
    • Desafio e Conclusão
Download da ementa

Utilizada e amada por milhares! Veja mais opiniões reais

  • Muito bom.

    Depoimento - Gilberto
    Next.js - Site Estático de Receitas
    Gilberto São Paulo / SP
  • Gostei muito estou ansioso pra ver todos os cursos, sei que são de extrema preciosidade os conteúdos da aula. Tenho muito interesse em dominar essa área. Até aqui, obrigado pelo compartilhar do conhecimento, com certeza já valeu a pena, abraço.

  • Olá Pessoal, Tenho o maior prazer em escrever um depoimento aqui. Foi sem duvidas um dos melhores cursos online que já fiz. A didática e a forma como é passado o conteúdo são perfeitos, até para quem não tem tanta experiencia na área consegue pegar o ritmo fácil. Recomendo muito os cursos da TreinaWeb. Muito obrigado!

    Depoimento - David
    C# (C Sharp) - ASP.NET MVC
    David Salvador / BA
  • Excelente curso! Muito estimulante desenvolver estruturas de dados mais complexas e ver seu funcionamento na prática. Sensacional mesmo. Vi que a parte 2 engloba ainda árvores, entre outras, e eu já estou ansioso para começar. :D

  • O curso cumpriu todas as expectativas que eu tive. Sinceramente como novato na área, me preocupei em pegar um curso de nível avançado, porém o conteúdo é tão bem explicativo que não tive maiores dificuldades em acompanhar o curso. Parabenizo o grupo pelo maravilhoso trabalho e me despeço agora, pois já estou atrasado para meu próximo curso da TreinaWeb!! :)

    Depoimento - Alecsi
    C# (C Sharp) - ASP.NET MVC
    Alecsi São Paulo / SP
  • Como sempre, fico inteiramente satisfeito com a didática e excelência no conteúdo transmitido nos cursos do TreinaWeb. Sem dúvidas me sinto mais preparado para manusear a ferramenta/framework que aprendi nesse curso, com muito mais facilidade e maior conhecimento agora. Obrigado à equipe do TreinaWeb.

    Depoimento - Tiago
    Vue.js - Criação de interfaces web
    Tiago Rio de Janeiro / RJ
  • Estou muito feliz até aqui, conclui alguns curso já e estou indo para o próximo. As aulas estão ótimas, de fácil entendimento, a didática do professor é ótima, ele explica muito bem. Estou muito satisfeito com o trabalho desempenhado pela TreinaWeb!

    Depoimento - Lucas
    JavaScript Básico
    Lucas Santa Fé do Sul / SP
  • Um curso muito massa, consegui fazer o curso usando a versão do 2.5.2 então mesmo o curso sendo em versão abaixo desse, ele continua atualizado com relação aos Widgets e animações. Fico agora esperando um treinamento de Flutter com Getx

    Depoimento - Antonio
    Flutter - Widgets
    Antonio Curitiba / PR
  • C# básico foi o primeiro curso que realizei com a TreinaWeb e realmente me surpreendeu bastante! Achei bem legal pelo fato de misturar texto, vídeo, exercícios de fixação e exercícios práticos, assim não fica maçante ouvindo o instrutor explicar muitas coisas que possam ser resumidas em alguma leitura com exemplos. Além disso, utilizei muito pouco do suporte, mas quando precisei, as respostas foram excelente, com uma explicação muito clara e objetiva. O curso de C# básico me deu um conhecimento muito bacana para começar a utilizar no trabalho. Não me arrependo de ser aluno de vocês, parabéns!

    Depoimento - Danilo
    C# (C Sharp) Básico
    Danilo Jacareí / SP

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
Por apenas
12x R$ 75,00 ou R$ 900,00 à vista
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!