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.

  • Muito bom o curso... Sou iniciante nesta área de desenvolvimento Android, apesar de ter muitos anos na área de programação, me aventurei neste mundo durante o meu TCC concluído ano passado e cada vez mais me aprofundo neste mundo... Foram importantes os conhecimentos adquiridos neste curso, ajudando na minha escalada rumo ao desenvolvimento pleno em Android...

    Depoimento - Valdeir
    Android - Consumindo uma API
    Valdeir Tupã / SP
  • Achei o curso difícil, mas são novos paradigmas que não estou acostumado, e, portanto, devo me acostumar a trabalhar com essas novas tecnologias. No mais, o curso faz o que propõe, que é mostrar como se trabalhar com Angular.

    Depoimento - Edilson
    Angular - Introdução
    Edilson Vitória / ES
  • Este curso é perfeito para quem ainda tem dúvidas e que ainda não consegue programar orientado a objetos. É simplesmente fantástico com exemplos simples que realmente esclarece a maneira como os objetos se relacionam. Perfeito!!!!!

    Depoimento - Clailson
    Lógica Orientada a Objetos Completo
    Clailson Fortaleza / CE
  • Estou muito satisfeito em ter escolhido os Cursos da TreinaWeb. Como eu ainda não conhecia a metodologia de ensino, comprei os cursos do C# Básico e Intermediário individualmente para no caso de não me adaptar, não ter investido em algo que não me seria útil. Agora já me sinto absolutamente confortável em adquirir o plano de 1 ano de acesso para continuar com o módulo Avançado do C# e os demais cursos disponibilizados pela TreinaWeb. Parabéns a equipe do TreinaWeb.

    Depoimento - Marcello
    C# (C Sharp) Intermediário
    Marcello Rio de Janeiro / RJ
  • Boa tarde, Sinceramente, quando escolhemos um curso em algum site pela primeira vez, ficamos com um pé atrás e surgem dúvidas como: "Poxa, será que é bom mesmo? Será que estou investindo no lugar correto? Se eu nunca ouvi falar sobre, será que realmente é bom?". A partir daí, sempre vamos atrás dos comentários para nos informar sobre e assim optei por investir neste curso da TreinaWeb e posso afirmar mesmo sendo o meu primeiro curso online (nunca havia feito nenhum antes): É perfeito! Aulas bastante didáticas, vídeos muito bem produzidos com assuntos que realmente poderiam gerar dúvidas nos alunos e, mesmo pra mim que já tenho prática em programação e todos sabemos que quando se tem prática a maioria dos cursos se tornam "chatos" com o tempo, pude me prender e aprender muito. Muito obrigado aos instrutores por criar um material tão bom a um preço tão acessível :D Já garanti junto a este os cursos Intermediário e Avançado e num futuro pretendo fazer cursos de outras linguagens aqui mesmo!

    Depoimento - Vinícius
    Android - Básico
    Vinícius Indaiatuba / SP
  • Curso muuuuito top!!! Parabéns à TreinaWeb pela grande qualidade deste conteúdo. Já programo em Laravel há alguum tempo e mesmo assim o curso abordou muitas funcionalidades novas, que eu ainda não conhecia. Simplesmente top!!! Gostei muuuuiiito mesmo.

  • Excelente, perfeito. Aborda termos atuais do ECS6, pouco abordado, os exemplos práticos são perfeitamente explicados. Utilizando o que é aprendido em um mini projeto pratico durante o curso. Ao final ainda é mostrado a utilidade em vários setores com JS, o que desperta ainda mais vontade de continuar e aprimorar a linguagem.

    Depoimento - Lucas
    JavaScript Avançado
    Lucas Taboão da Serra / SP
  • Muito esclarecedor e positivo para formação e adequação as lógicas de negócio nos ramos de desenvolvimento de aplicações com programação, auxiliando os desenvolvedores de aplicações e dando noções intuitivas, muito bom... :D

    Depoimento - Lucas
    MDF-e para desenvolvedores
    Lucas Palmeira dos Índios / AL

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!