Next JS com React - Construa um Aplicativo Pessoal (Blogs e Portfólios)

Construa um aplicativo pessoal usando Next/React JS e Typescript. Este curso irá guiá-lo através do processo de criação de um aplicativo pessoal sem depender de dependências de terceiros. Você aprenderá como construir blogs, portfólios e implementar recursos de pesquisa, tudo isso sem a necessidade de ferramentas externas.

O que é o Next.js?

Next.js é um framework baseado em React que oferece uma experiência de desenvolvimento perfeita para aplicativos de páginas renderizadas no servidor (SSR) e estáticas. Ele fornece um sistema de roteamento baseado em páginas intuitivo, incluindo suporte para rotas dinâmicas. O Next.js suporta tanto a geração estática (SSG) quanto a renderização no servidor (SSR) em uma base por página.

O que é o Typescript?

Typescript é uma linguagem de código aberto que aprimora o JavaScript adicionando definições de tipo estático. Ele se baseia na linguagem JavaScript amplamente utilizada, fornecendo recursos adicionais e um verificador de tipo estático.

Este curso é adequado para você?

Este curso é adequado para pessoas que desejam criar um aplicativo pessoal, como blogs e portfólios, sem depender de dependências de terceiros, como bancos de dados ou CMS. Ao final deste curso, você terá as habilidades e a confiança necessárias para iniciar seu próprio projeto. O aplicativo que você construirá incluirá funcionalidade de pesquisa e será implantado no Vercel. Observe que este curso não aborda funções específicas do Next.js ou React.js. Ele se concentra principalmente na codificação e não abrange extensivamente a criação de conteúdo HTML.

No que você vai trabalhar?

Ao longo deste curso, você construirá um aplicativo pessoal do zero. Você aprenderá a escrever código em Typescript, um superset do JavaScript que fornece recursos adicionais e um verificador de tipo estático. O curso começa com a preparação do layout base do aplicativo. O instrutor fornecerá todos os elementos de design necessários, incluindo imagens e conteúdo. Uma vez que o layout estiver pronto, você trabalhará no acesso e busca de dados locais armazenados em arquivos markdown. Esta parte do curso irá ensiná-lo a trabalhar com o sistema de arquivos usando o pacote fs. Você recuperará o conteúdo dos arquivos como strings e aprenderá a analisar metadados frontmatter e conteúdo markdown. Uma vez que o conteúdo for buscado, você o exibirá no aplicativo. O curso então o guiará na implementação da funcionalidade de pesquisa, permitindo que os usuários pesquisem conteúdo usando um componente de entrada na barra de navegação. Você aprenderá a construir um índice de pesquisa local armazenado como um arquivo JSON, que servirá como fonte de dados para o componente de pesquisa. Após concluir a funcionalidade de pesquisa, você passará para a funcionalidade de portfólios. Os portfólios serão semelhantes aos blogs, pois também serão armazenados como dados markdown. Isso significa que grande parte da implementação será compartilhada entre blogs e portfólios. A parte final do curso abordará a implantação na plataforma Vercel, permitindo que você apresente seu aplicativo pessoal ao mundo.

O que você aprenderá?

Ao final deste curso, você irá: - Obter uma compreensão prática de como criar um aplicativo pessoal - Construir um aplicativo de portfólio/blog completo - Apresentar-se com sua própria plataforma de conteúdo - Estabelecer-se no empolgante campo do desenvolvimento web com Next.js e React