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.

  • O curso é ótimo, realmente consegui absorver os ensinamentos. A maneira como o instrutor realmente explica o que o framework faz é excelente, também gostei de ver formas diferentes de realizar a mesma função. Este foi o primeiro curso que consegui chegar até o fim, porque realmente despertou meu interesse.

    Depoimento - Diego
    Java - Introdução à JPA
    Diego Indaiatuba / SP
  • Curso é excelente, traz uma visão do geral para adicionar uma loja em qualquer template utilizado. Para ter a loja pronta, em poucos passos, apenas qdo quiser deixar ela diferenciadas para a web, terá que utilizar mais o wordpress ou até diretamente no codigo.

  • Há 1 semana, resolvi aventurar-me na Treina Web, por meio da promoção dos 7 dias grátis. Porém, antes mesmo que eles acabassem, acabei adquirindo a anuidade, pois resolvi confiar na plataforma, já que me interessei pela enorme quantidade de conteúdos. Admito estar surpreso com o nível do ensino, já que eu imaginei que seria um curso bem mais básico, mas, foi bem interessante. A única coisa que me desanimou um pouco, foram as perguntas, já que não eram tão objetivas e, muitas vezes permitiam ambiguidade, até mesmo nas respostas. Mas, estou contente por ter finalizado este primeiro curso. :D

  • Confesso que este curso superou minhas expectativas. Trabalho com SQL já algum tempo e ainda não tinha realizado nenhum curso por conta das dinâmicas empregadas na metodologia de ensino de alguns cursos. Minha primeira vez no site treinaweb e apos a conclusão deste curso me sinto mais preparado para novos desafios que surgirem. Parabéns TreinaWeb.

    Depoimento - Eduardo
    SQL Server - Desenvolvedor
    Eduardo Barueri / SP
  • Achei o curso muito bom, só me perdi um pouco com o Eclipse, estou acostumado a usar o NetBeans, o tutor foi muito tranquilo em explanar o conteúdo do curso e de fácil compreensão, provavelmente irei iniciar outro curso.

  • Excelente curso sob o ponto de vista didático. Instrutor muito bom e com uma forma de apresentar os vídeos de forma calma, clara, mas concisa! Material de primeira qualidade! Modo de apresentação moderno e extremamente eficaz! Parabéns à Treinaweb e ao instrutor deste curso. Vocês realizaram um trabalho incrível! Att, Carlos Alberto dos Santos

    Depoimento - Carlos
    C# (C Sharp) Intermediário
    Carlos Rio de Janeiro / RJ
  • Os tópicos abordados são penitentes ao tema, bem como a qualidade da apresentação do conteúdo, didática e um estudo de caso fictício bem elaborado. Ao ministrante do curso, os meus parabéns pela dicção e ritmo fluido nas vídeos aulas. Obrigado TreinaWeb pelo empenho em produzir e transmitir conhecimento com excelência!!

  • Muito bom. Consegui realizar dois cursos de boa qualidade seguidos. Um curso bem feito, bem descritivo, intuitivo, informativo e bem ilustrado ajuda a manter o interesse do aluno na plataforma, ajuda no aprendizado e desenvolvimento proporcionando uma evolução perceptível.

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!