Fale com a gente no WhatsApp Fale com a gente no WhatsApp

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 vídeos 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.

Quais os pré-requisitos para esse curso?

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

  • Que projeto bacana! Gostei muito da didática e todo o conhecimento passado. Estava procurando algum projeto com o Next.js para aprender um pouco mais sobre esse framework tão incrível!

  • Conteúdo excelente como sempre, a TreinaWeb nunca decepciona.

  • Muito bom.

  • Treinamento TOP.

  • O curso é excelente.

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

  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE

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$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
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!