An open API service indexing awesome lists of open source software.

https://github.com/leandroffdev/nextjs_completo

Repositório dedicado ao estudo e aprendizado do framework Next.js, incluindo conceitos básicos, exemplos práticos, projetos e boas práticas. Ideal para acompanhar o progresso no domínio dessa poderosa ferramenta para desenvolvimento de aplicações React com renderização do lado do servidor (SSR) e estática (SSG).
https://github.com/leandroffdev/nextjs_completo

Last synced: 4 months ago
JSON representation

Repositório dedicado ao estudo e aprendizado do framework Next.js, incluindo conceitos básicos, exemplos práticos, projetos e boas práticas. Ideal para acompanhar o progresso no domínio dessa poderosa ferramenta para desenvolvimento de aplicações React com renderização do lado do servidor (SSR) e estática (SSG).

Awesome Lists containing this project

README

          

# Aprendizado do Next.js

Este repositório foi criado para centralizar todo o conteúdo relacionado ao aprendizado do framework [Next.js](https://nextjs.org/), incluindo conceitos teóricos, exemplos práticos e projetos desenvolvidos durante o estudo.

## 📚 Conteúdo do Repositório

- **Introdução ao Next.js**
- Configuração inicial de um projeto
- Estrutura de pastas e arquivos
- Roteamento no Next.js

- **Renderização**
- Renderização do lado do servidor (SSR)
- Geração estática de páginas (SSG)
- Incremental Static Regeneration (ISR)

- **API Routes**
- Criação de APIs no Next.js
- Exemplos práticos

- **Estilização**
- CSS Modules
- Styled Components
- Tailwind CSS

- **Ferramentas e Boas Práticas**
- Otimização de imagens com `next/image`
- Uso do `next/head` para metadados e SEO
- Boas práticas de performance e acessibilidade

- **Projetos**
- Pequenos projetos desenvolvidos para consolidar o aprendizado
- Desafios e exercícios práticos

## 🚀 Objetivo

Este repositório tem como objetivo documentar o progresso no aprendizado do Next.js, além de servir como material de referência para revisões futuras.

## 🛠️ Tecnologias Utilizadas

- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [Node.js](https://nodejs.org/)
- Ferramentas auxiliares como ESLint, Prettier e TypeScript.