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).
- Host: GitHub
- URL: https://github.com/leandroffdev/nextjs_completo
- Owner: leandroffdev
- Created: 2024-12-29T11:19:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-30T01:24:53.000Z (over 1 year ago)
- Last Synced: 2025-06-01T16:18:30.992Z (about 1 year ago)
- Language: TypeScript
- Size: 36.1 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.