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

  • 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.

  • Eu ingressei na TreinaWeb após ver o curso da Semana Python e Django feita pelo Fagner. Já tive contato com Django, mas nunca havia parado para praticar e desde aquela aula e com esta para alunos, já consegui criar um sistema e colocar em produção graças ao Fagner, então, o curso atende 100% a questão dos fundamentos e o professor também não tem do que reclamar.

    Depoimento - Elton
    Django - Fundamentos
    Elton Paulista / PE
  • Excelentes vídeos, diadática perfeita. Não canso de dizer o quanto a TreinaWeb faz bem para a minha vida, cada vez mais aprendo com seus cursos e desta vez, lógico, que não foi diferente. Parabéns! e vamos que essa vida de programador JS está começando.

    Depoimento - Caue
    JavaScript Básico
    Caue Jundiaí / SP
  • Excelente introdução, rápida e totalmente compreensível. Meus agradecimentos ao professor e equipe por disponibilizarem e acreditarem que é possível a educação e conhecimento mesmo à distância. Muito obrigado.

    Depoimento - Alexandro
    UX/UI - Introdução
    Alexandro Brasília / DF
  • A didática do professor, é excelente! O conteúdo do curso foi incrível, superou minhas expectativas. Só tenho o que agradecer por compartilhar tanto conhecimento de forma leve e direta, o aprendizado com certeza foi bastante proveitoso e me ajudou bastante!

    Depoimento - Ana
    Angular - Tópicos avançados
    Ana Rio Grande da Serra / SP
  • Gostei bastante do curso, já atuo na área a algum tempo, mas ainda sim tinha coisas que não sabia. Sempre tem alguma coisa pra aprender. Gostei bastante da didática do professor. Pretendo fazer todos os cursos de PHP e de seus principais Frameworks.

    Depoimento - Pedro
    PHP - Fundamentos
    Pedro Belo Horizonte / MG
  • Gostei muito do curso. Aprendi muita coisa e estou colocando em prática. O professor é fora de série, como procurava um há muito tempo. Clareza no conteúdo e objetividade no ensino. Estou muito satisfeito com o que aprendi. E vamos para os próximos. Parabéns Treinaweb!

  • O tempo, o curso, o tira dúvidas são excelentes, melhores até que cursos presenciais que fiz. Comecei minha faculdade de Análise e Desenvolvimento de Sistemas e graças a esse curso que fiz na matéria de programação na minha P1 eu tirei 9.0 . Recomendo e também o preço é super acessível e fora o tempo que a treina web dá para fazer o curso que não te pressiona a estudar e deixa você livre estudando assim quando quiser e puder. Parabéns e mais uma vez obrigado!

    Depoimento - Gustavo
    Lógica de Programação Completo
    Gustavo São Vicente / SP
  • O curso é excelente. Para mim que era completamente nulo em Android e no complexo ambiente de desenvolvimento, pude contar com um apoio que realmente foi um diferencial. Os instrutores tem muito boa vontade para nos ajudar.

    Depoimento - Jairo
    Android - Básico
    Jairo Salvador / BA

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
R$ 97,00 ECONOMIZE R$ 360,00
12x R$ 67,00 ou R$ 804,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!