Tudo sobre o NextJS: Navegando suavemente desde a configuração até a produção

Visão geral do curso

Você está procurando aprimorar suas habilidades de entrega de aplicativos com as melhores práticas e uma experiência excepcional para desenvolvedores? Não procure mais! Este curso é projetado tanto para desenvolvedores inexperientes quanto experientes que desejam aprimorar o desenvolvimento de aplicativos da web. Se você está tentando descobrir a pilha certa a escolher ou procurando um fluxo de trabalho consistente com recursos de baixa dependência, este curso tem tudo o que você precisa.

O que é JAMstack e Serverless?

JAMstack é uma arquitetura moderna de desenvolvimento web que depende de JavaScript do lado do cliente, APIs e marcação pré-construída. Ele aproveita a arquitetura Serverless para criar (micro)serviços reutilizáveis como APIs. Ao pré-construir o conteúdo do site sempre que possível, o JAMstack o torna disponível por meio das bordas de uma Rede de Entrega de Conteúdo. Neste curso, vamos nos concentrar no Pré-renderização do lado do servidor (SSPR), que combina o melhor da Geração de Site Estático (SSG) e Renderização do lado do servidor (SSR).

A pilha dos sonhos para o JAMstack

Neste curso, vamos explorar a combinação perfeita de tecnologias para criar um aplicativo JAMstack poderoso. Vamos nos aprofundar nos seguintes tópicos:

NodeJS:

O NodeJS desempenha um papel crucial na execução do lado do servidor de um aplicativo NextJS. Vamos explorar como utilizar o NodeJS de forma eficaz e criar nossas próprias Funções Serverless que são executadas inteiramente no servidor.

TypeScript:

Ao implementar tipagem forte com TypeScript, podemos aproveitar recursos externos, como bibliotecas e frameworks. Isso melhora a descoberta de código, fornece insights durante a escrita do código e protege contra erros em tempo de execução. O TypeScript também torna o código auto-documentado, permitindo que modifiquemos vários componentes sem medo de efeitos colaterais inesperados.

React:

Vamos construir um aplicativo que maximiza os benefícios da Arquitetura Baseada em Componentes. Essa abordagem garante escalabilidade, manutenibilidade e legibilidade da nossa Interface do Usuário. Adicionar novas funcionalidades ou otimizar recursos existentes será muito fácil.

NextJS:

O NextJS oferece a melhor experiência para desenvolvedores, fornecendo um conjunto abrangente de recursos para aplicativos web de alta qualidade em produção. Com apenas algumas configurações, podemos aproveitar todo o potencial do NextJS.

Emotion:

Emotion é uma biblioteca CSS-in-JS performática e flexível que lida com estilos com uma ótima experiência para desenvolvedores. Ela compila estilos para um desempenho de produção otimizado.

MDX:

MDX traz o escopo de tempo de execução do JavaScript para o Markdown, permitindo que usemos componentes React dentro de arquivos Markdown. Essa combinação poderosa melhora a flexibilidade e funcionalidade do nosso conteúdo.

Mais por vir:

Ao se inscrever neste curso, você terá acesso a módulos de lições futuras. Temos tópicos empolgantes em desenvolvimento, incluindo Funções Serverless, integração com Sistema de Gerenciamento de Conteúdo (CMS), desenvolvimento de Progressive Web App (PWA), Testes de Acessibilidade e Monitoramento de Desempenho. Se você tiver sugestões para tópicos adicionais, fique à vontade para nos informar!

O que você aprenderá

Ao final deste curso, você será capaz de: - Desenvolver aplicativos serverless/JAMstack usando NextJS, React e TypeScript. - Entender as vantagens e melhores práticas da arquitetura Serverless e como aproveitá-las. - Implementar as melhores práticas de SEO para garantir que seu conteúdo seja facilmente indexado pelos mecanismos de busca. - Aproveitar o poder do React, NextJS, TypeScript e ferramentas modernas para criar aplicativos web excepcionais.