Newsletter

Projeto realizado durante os cursos da Alura, na formação Performe sua aplicação React com Next.js Full stack

• Next.js Full stack: arquitetura de componentes Front-end
• Next.js Full stack: gerenciando conteúdo em build time com File System
• Next.JS: full stack com lambdas

🪧 Vitrine.Dev
✨ Nome	Newsletter
🏷️ Tecnologias	Next.JS, TypeScript, styled-components, Supabase
🚀 URL	https://newsletter-rafaelswitek.vercel.app/

Detalhes do projeto

Instalação e Configuração

• Instalar dependencias: npm install ou yarn install
• Rodar o projeto: npm run dev ou yarn dev

Conceitos estudados e aplicados nos cursos

• Traduzir um layout do Figma em componentes no Next.js
• Criar uma base de componentes para a aplicação
• Entender como estruturar os componentes do projeto e separar o visual feito pela equipe de design do código
• Implementar uma aplicação do zero no Next.js utilizando Typescript e styled-components
• Utilizar a lib skynexui para lidar com breakpoints na aplicação
• Utilizar arquivos YAML para gerenciar configurações nas páginas
• Prover os dados de configurações e outras informações gerais do site utilizando a Context API
• Entender como reutilizar lógica de componentes nas aplicações utilizando Higher Order Components
• Desenvolver uma aplicação completa integrando o Front-end com um sistema de gerenciamento de conteúdo
• Adquirir conhecimentos avançados em Next.JS FullStack, desde o desenvolvimento de aplicações web até a integração com banco de dados e serviços externos
• Aprender a utilizar as ferramentas e recursos disponíveis no Next.JS para otimizar o desempenho e a usabilidade das aplicações desenvolvidas
• Desenvolver habilidades para criar aplicações web responsivas, escaláveis e de alta qualidade usando Next.JS, contribuindo para a melhoria da experiência do usuário
• Integrar o Next.JS com outras tecnologias e ferramentas relevantes do ecossistema Javascript, ampliando as possibilidades de desenvolvimento e entregando soluções mais completas