Resultado da Busca
23 de mai. de 2018 · Next.js by Vercel is the full-stack React framework for the web. Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.
- Docs
Next.js is a React framework for building full-stack web...
- Showcase
Deploy your Next.js site globally in seconds, with zero...
- Blog
This RFC outlines the biggest update to Next.js since it was...
- Server Components
React and Next.js allow you to create hybrid web...
- Installation
Create a new Next.js application with `create-next-app`. Set...
- Fundamentals
Next.js uses a file-system based router where: Folders are...
- Images
The default loader for Next.js applications uses the...
- Pages
Pages and Layouts. The Pages Router has a file-system based...
- Docs
Next.js is a React framework that simplifies data fetching, routing, rendering, and optimizations for web development. Learn how to use Next.js features, such as App Router, Server Components, Styling, TypeScript, and more.
Learn how to create a new Next.js app using create-next-app or manual installation. Follow the steps to set up file-system routing, TypeScript, ESLint, Tailwind CSS, and more.
- Índice
- Introdução
- Next.Js X Gatsby X create-react-app
- Como Instalar O Next.js?
- OS Pacotes Da Aplicação
- O Que É Esse Ícone No Canto Inferior direito?
- Instalando as Ferramentas de Desenvolvedor Do React
- Outras Técnicas de Depuração Que Você Pode Usar
- Adicionando Uma Segunda Página Ao Site
- Ligando as Duas Páginas
- GeneratedCaptionsTabForHeroSec
Next.js x Gatsby x create-react-appTrabalhar em uma aplicação moderna em JavaScript, desenvolvida com React, é fantástico até que você perceba que existem alguns problemas relacionados à renderização de todo o conteúdo no lado do client. Primeiro, a página leva mais tempo para ficar visível para o usuário, porque antes de carregar o conteúdo, todo o JavaScript precisa ser carregado....
O Next.js, o Gatsby e o create-react-appsão ferramentas incríveis que podemos usar para potencializar as nossas aplicações. Vamos primeiro dizer o que eles têm em comum. Todos eles usam o React internamente, potencializando toda a experiência de desenvolvimento. Eles também abstraem o webpacke todas aquelas coisas de baixo nível que costumávamos co...
Para instalar o Next.js, você precisa ter o Node.js instalado. Certifique-se de ter a última versão do Node. Verifique isso digitando node -v em seu terminal, e compare sua versão com a última versão LTS listada em https://nodejs.org/. Após instalar o Node.js, você terá o comando npmdisponível em sua linha de comando. Se você tiver algum problema n...
Quando vimos o código-fonte da página, percebemos vários arquivos do JavaScript sendo carregados: Vamos começar colocando o código em um formatador de HTMLpara que ele seja melhor formatado, para que nós humanos possamos ter uma chance de entendê-lo melhor: Temos quatro arquivos JavaScript sendo declarados como pré-carregados no head, usando rel="p...
Você viu aquele pequeno ícone no canto inferior direito da página, que parece um relâmpago? Se você passar o mouse sobre ele, verá que está dizendo "Prerendered page" (Página pré-renderizada, em português): Esse ícone, que só é visível no modo de desenvolvimento, é claro, diz que a página se qualifica para a otimização estática automática, o que, ...
O Next.js tem como base o React. Portanto, uma ferramenta muito útil que precisamos instalar com certeza (se você ainda não o fez) são as ferramentas de desenvolvedor do React. Disponíveis tanto para o Chrome quanto para o Firefox, as ferramentas de desenvolvedor do React são um instrumento essencial que você pode usar para inspecionar uma aplicaçã...
Além das ferramentas de desenvolvedor do React, que são essenciais para construir uma aplicação do Next.js, quero mostrar dois modos de depurar aplicações do Next.js. A primeira é, obviamente, usando o console.log() e todas as outras ferramentas da API do Console (texto em inglês). O modo como as aplicações do Next funcionam fará uma registro do co...
Agora que temos um bom domínio das ferramentas que podemos usar para nos ajudar a desenvolver as aplicações do Next.js, vamos continuar de onde paramos em nossa primeira aplicação: Quero adicionar uma segunda página a esse site, um blog. Ele vai ser servido em /blog e, por enquanto, conterá apenas uma simples página estática, assim como nosso prime...
Agora que temos duas páginas, definidas por index.js e blog.js, podemos introduzir os links. Os links HTML normais dentro das páginas são feitos usando a tag a: Não podemos fazer isso no Next.js. Por quê? Tecnicamente podemos, é claro, porque essa é a web e, na web, as coisas nunca se quebram (é por isso que ainda podemos usar a tag . No e...
Aprenda Next.js, um framework para o React que facilita a renderização do lado do servidor, o roteamento, o lazy loading e muito mais. Este tutorial é ideal para quem já usou React e quer explorar o ecossistema do React.
12 de jan. de 2024 · Aprenda o que é Next.JS, um framework que estende as funcionalidades do React e permite construir sites e aplicações web com super poderes. Veja como usar o Next.JS para melhorar o desempenho, a organização e a visibilidade do seu projeto.
14 de jun. de 2022 · Next.js é uma extensão da biblioteca React original do Facebook e do plano create-react-app para fornecer um framework React extensível, fácil de usar e adequado para produção. Neste guia, vamos explorar o Next.js, abordando os motivos pelos quais você deveria utilizá-lo e exemplos de aplicativos já em produção.
18 de out. de 2022 · O NextJS é bem focado em experiência de quem desenvolve então no que diz respeito a estilo, ele dá suporte para css, Saas e algumas das bibliotecas de CSS in JS mais famosas como o Tailwind CSS e Styled Components. Fica a seu critério escolher a quem melhor se encaixa no seu projeto.
