/ignite-nextjs-shop

Aplicação desenvolvida durante o bootcamp Ignite (rocketseat), com o objetivo de praticar os fundamentos do framework NextJs.

Primary LanguageTypeScript

Ignite Shop - NextJs

Esse projeto foi desenvolvido durante o módulo 4: Fundamentos do NextJs no bootcamp Ignite (Rocketseat) com o objetivo de criar um projeto completo com o framework NextJs, passando por conceitos de Single Page Aplication (SPA), server-side rendering (SSR) e static-site generation (SSG).

Tecnologias   |    Sobre   |    Layout   |    Como executar

NLW Heat


NLW Heat NLW Heat


✏️ Tecnologias e bibliotecas

Para a construção do projeto, foram utilizadas as seguintes tecnologias:


✨ Sobre o projeto

Esse projeto foi desenvolvido durante o módulo 4: Fundamentos do NextJs no bootcamp Ignite (Rocketseat) com o objetivo de criar um projeto completo com o framework NextJs, passando por conceitos de Single Page Aplication (SPA), server-side rendering (SSR) e static-site generation (SSG).

Foram praticados na aplicação os seguinte conceitos e métodos:

  • Roteamento baseado em arquivos físicos;
  • Dynamic routes;
  • Otimização de imagens utilizando o componente Next <Image />;
  • SSR e SSG utilizando os métodos getServerSideProps() e getStatitProps();
  • Client-side navigation utilizando o componente Next <Link />;
  • Informações estáticas utilizando o método getStaticPaths();
  • API Routes e Stripe checkout Session.

💄 Layout

O layout da aplicação foi desenvolvido e forneciso pela equipe da Rocketseat.

Clique aqui e acesse o conteúdo!


📄 Como executar

Para executar o projeto, rode o seguinte código no terminal após clonar o mesmo:

  • npm run dev para executar a aplicação em modo de desenvolvimento, com hot-code reloading e reporte de erro;
  • npm run build para criar uma versão otimizada da production build;
  • npm run start para executar o projeto em modo de produção;