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

  • bom gostei

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

  • Gostei do curso, apresenta de forma resumida um bom conteúdo e ferramentas para iniciar o entendimento da teoria do SCRUM. Gostei também da apresentação de conceitos externos, como no caso das User Stories e técnicas para criar o mesmo, porém senti falta de um aprofundamento nesta parte, não sei se faria parte do curso. Vou tentar aplicar alguns conceitos no projeto que estou trabalhando. Obrigado!

  • Achei o curso excelente. Professor com bastante conhecimento e didática muito boa. Gosto de aulas contextuais, demonstrando de onde veio tudo que aprendemos historicamente, por mais que muitos acreditem ser uma perda de tempo.

    Depoimento - Carlos
    JavaScript Básico
    Carlos Santa Maria / RS
  • O padrão da TreinaWeb e o padrão desse instrutor é altíssimo. Já havia feito o curso de Asp.Net MVC Avançado aqui e com ele, e cada dia o nível sobe mais. Parabéns à TreinaWeb e parabéns a esse excelente instrutor!!! Carlos Alberto dos Santos

  • Curso com ótima didática, muito bem elaborado. As explicações fornecidas pelo instrutor no decorrer dos videos foram de grande valia para assimilação dos conceitos abordados no curso. Recomendo a todos!

  • Excelente curso onde se é lecionado por um professor com total domínio da linguagem e da lógica SQL, simplificando cada fórmula apresentada. Vocês sempre me impressionam e sigo completando mais um curso. Pronto para cursar o de DBA para MySQL!

    Depoimento - Bernardo
    MySQL - Desenvolvedor
    Bernardo Rio Das Ostras / RJ
  • Este curso foi um primeiro passo e um grande salto para tornar-me programador. Gostaria de primeiramente agradecer aos envolvidos por esta plataforma, pois este curso é fantástico! Eu já tive contato com esta disciplina, porém aqui foram utilizadas ferramentas que facilitam bastante o entendimento.

    Depoimento - João
    Lógica de Programação Completo
    João Brasília / DF
  • Excelente curso, a didática do professor é ótima! Já tinha estudado lógica de programação na faculdade e fiz o curso somente para relembrar os conceitos, então recomendo tanto para quem nunca teve contato com programação quanto pra quem já tem alguma experiencia e precisa fixar melhor o conteúdo. Muito bom!

    Depoimento - Fernanda
    Lógica de Programação Completo
    Fernanda Guaratinguetá / 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!