Download awesome nextjs - download awesome nextjs

awesome nextjs

Outro código-fonte

1.0.0

Baixar

Incrível Next.js

Lista selecionada de recursos: livros, vídeos, artigos sobre o uso do Next.js.

Next.js: A estrutura React.

Lista inspirada na coisa incrível da lista. Você também pode gostar de awesome-tdd.

Conteúdo

Incrível Next.js
- Conteúdo
- Comunidade
- Fundamentos
- Artigos
- Padrões
- Extensões
- Aplicativos
- Livros
- Vídeos
- Projetos (nível iniciante)
- Boletins informativos
- Contribuindo
- Licença

Comunidade

GitHub
Discussões do GitHub para Next.js

Fundamentos

Blogue
Aprender
VercelTV
Próximo à prova de balas

Artigos

Atualizações instantâneas do site com revalidação sob demanda e Directus
Redirecionamentos dinâmicos baseados em CMS com Next.js
Primeiros passos com Next.js, GraphQL e React Query
Usando Next.js com FaunaDB: como consultar o banco de dados de seu aplicativo
Como construir um blog Next.js sem servidor com ButterCMS
Crie um aplicativo JavaScript universal com Next.js
Primeiros passos com Next.js – Configurando seu aplicativo
Primeiros passos com Next.js – Trazendo dados
Como construir um aplicativo Next.js React Universal
Próximo em Next.js
Aceite pagamentos em seu site com nextjs, stripe e micro
Next.js no Cloud Functions para Firebase com Firebase Hosting
Construindo um blog com Next.js
Usando o Google Analytics com Next.js
Crie um aplicativo JavaScript universal com Next.js e Redux [russo]
5 (das muitas razões) para amar o Next.js da Vercel
Next.js 5: Webpack universal, importações de CSS, plug-ins e zonas
Visualização de dados em tempo real usando Next.js e Chart.js
Crie um aplicativo de bate-papo com análise de sentimento usando Next.js
Construa uma tabela em tempo real com Next.js
Blog SSR com Next.js e Prismic.io
SEO em Next.js e Prismic
SEO em Next.js com next-seo
Próximo.js 7
Crie sites SSR Next.js usando GraphQL com Postgres
Cozinhando um clone do Deliveroo com Next.js (React), GraphQL, Strapi e Stripe - Configuração (parte 1/7)
Tutorial de comércio eletrônico Next.js: integração rápida com o carrinho de compras
Trabalhando com Ghost e Next.js
Usando Tailwind CSS com Next.js
Usando sinalizadores de recursos em Next.js
Adicionando trechos de código ao Next.js usando react-syntax-highlighter
Crie o site/aplicativo da empresa com nosso incrível modelo Next.js
Garantindo entrega de webhook no aplicativo NextJS
Construindo um livro de visitas usando ISR sob demanda Next.js
Modelos de administração úteis para construir seu site/aplicativo
Integre o próximo aplicativo com Tailwind

Padrões

Modelo Kaminari - modelo Next.js e Tailwind CSS poderoso. Construído com a experiência do desenvolvedor em mente. Contém configurações de Husky, CommitLint, Prettier, Eslint etc.
Next.js Static Blog - Blog estático Next.js desenvolvido pelo Cosmic Headless CMS
NextJS Headless CMS Powered Blog Starter
Aplicativo Next.js com AWS Lambda - Implante um aplicativo Next.js no AWS Lambda usando Apex Up.
Nitro - Um exemplo de PWA usando Nextjs, Material-UI, Typescript e Auth0?
Modelo Next & Now 2.0 Typescript - Serverless, Typescript, Jest, Github CI, SCSS, padrão mais bonito
Next Right Now - Padrão flexível de nível de produção com Next.js 9 e Vercel, com Sentry pré-configurado, cookies, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (testes E2E) e CI/CD (GH Actions), com suporte completo a TypeScript e suporte para aplicativos web multilocatários B2B (monorepo)
Próximo Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier & EsLint padrão
Modelo Next & Vercel Typescript - Serverless, Typescript, Jest, Github CI, SCSS, padrão mais bonito
NextJS no Firebase com Bootstrap - Hospedando o aplicativo NextJS com Bootstrap no Firebase com Cloud Functions.
Next Simple Starter - Padrão PWA simples com Next.js e Redux.
NextJS Starter - Projeto inicial para Next.js com autenticação de e-mail e oAuth.
nextjs-starter - Um modelo de kit inicial Next.js 10 otimizado para SEO com React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth) usando (NextAuth.js e Fauna DB), ESLint, Prettier, Pre -commit gancho com Husky. Pode ter layouts diferentes para páginas diferentes.
CORRIDO! - Padrão pronto para produção com suporte para GraphQL, SSR, Hot-reload, CSS-in-JS, cache e muito mais.
Next Simple Blog - Blog baseado em Markdown simples criado com Next.js com exportações estáticas.
phox - Crie um blog de fotos estáticas.
Next Express Bootstrap Boilerplate - Boilerplate para um aplicativo full stack criado usando Next, Express, react-bootstrap, SCSS e SSR com eslint.
Próximo Blog Firestore - Blog com CMS simples construído com Next.js, Firebase Firestore, styled-components e mobx-state-tree.
Next Redux Starter - iniciador Next.js com Express, Redux e PostCSS.
próximoJS Redux-Wrapper Material-UI - ? Um NextJS padrão com Redux e Material UI.
Starart - ? Biblioteca de componentes Next.js mantida ativamente e padrão mínimo para iniciar rapidamente o aplicativo com contas de usuário funcionais baseadas em Ooth.
PróximoJS TypeScript Starter Kit - ? TypeScript + NextJS, Styled-jsx, Redux, PostCSS, SEO configurável
Próximo Boilerplate - CSS externo e Sass + Importação de imagens de qualquer lugar + Prettier e Eslint + Variáveis de ambiente e muitos mais recursos.
next-starter - Um padrão completo e simples com sass (.scss) e postcss integrados.
Próximo exemplo de Typescript Monorepo - Um next.js minimalista + monorepo typescript.
tomimick/tm-nextjs-starter - Um iniciador/demonstração mínimo com CRUD básico, axios/localstorage, MobX, SASS, exportação de site estático, demonstração ao vivo
csprance/next-smrt - Um padrão mínimo com redux, componentes estilizados, material-ui e typescript com um servidor expresso personalizado.
Nextron - Um Electron com gerador de aplicativos Next.js ⚡
next-boilerplate - Um clichê Next.js pronto para produção bem estruturado com Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle
Oh My Fullstack - Esqueleto de aplicação web full stack (Next.js, Redux, RxJS, Immutable, Express)
Next-Postgres-With-Typescript - aplicativo da web fullstack semelhante a um fórum com Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion
Next.js com Express e Babel - Um esqueleto de aplicativo para quem deseja transpilar seu Express e também seu código Next.js usando Babel.
next-postgres-graphql - Crie sites SSR Next.js usando GraphQL com Postgres (Next.js, Postgres, GraphQL)
nextjs-mongodb-app – Aplicativo completo feito com Next.JS e MongoDB, com autenticação e muito mais (Next.js 9, MongoDB)
react-next-boilerplate – Uma base para reduzir a configuração de seus projetos com nextJS, melhores práticas de desenvolvimento e bibliotecas populares na comunidade de desenvolvedores.
The-Nextjs-starter - typescript + redux + componentes estilizados + biblioteca de teste de reação + eslint + fontawesome
The Knests Stack - inicializador de caldeira/hackathon de pilha completa com: PostgreSQL, Knex.js, NestJS, Next.js (obviamente), GraphQL, React (com ganchos e texto digitado), Material-UI, imagens de vários estágios do Docker para, Docker compose e um Pipeline Gitlab CI/CD totalmente configurado.
Devii - Um iniciador de blog de desenvolvimento de inspiração média construído com Next.js, React e TypeScript, com renderização Markdown, realce de sintaxe, SEO/meta tags e geração de feed RSS prontos para uso.
Nextjs Blog Starter - O código inicial perfeito para o seu blog baseado na estrutura Next.js. ⚡️ Feito com Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Modelo de blog Next.js e Netlify - Um modelo perfeito para construir um site de blog em pilhas Netlify com recursos padrão como marcação, CMS e códigos de acesso.
Nextjs Apollo Nexus - Integração cliente-servidor GraphQL Apollo em Next.js com Nexus Schema (abordagem de primeiro código).
Nextjs Starter Pavão - ? Lindo iniciador de portfólio Nextjs para engenheiros de software e designers mostrarem o trabalho do qual tanto se orgulham.
Nextático - ? Padrão multilíngue de site estático com páginas editáveis pelo usuário e navegação usando Netlify CMS + Next.js + SCSS + Typescript.
Gerador de mapa de site para NextJS e StrAPI - ? Um servidor adicional no Express que roda junto com nextjs e regenera o mapa do site (com mapa do site de índice) e arquivos robots.txt mediante solicitação da API STR.
superplate - superplate cria o aplicativo Next.js em segundos com TypeScript, styled-components, SWR, Storybook e mais de 35 plugins.
Hydrogen - Hydrogen é um modelo inicial de blog Nextjs construído com suporte a tailwindCss e MDX. Ele contém todos os códigos de acesso MDX necessários prontos para uso.
Next-Fire-Auth - Um modelo incrível para aplicativos de inicialização com autenticação usando Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
Assinatura NextJS Chargebee - Uma pilha T3 focada no Chargebee que integra assinaturas de usuários, autenticação e testes. Conduzido por Prisma ORM.
Next.js Enterprise – padrão de nível empresarial para aplicativos de alto desempenho e manutenção. Construído com Tailwind CSS, RadixUI, TypeScript e muito mais.
Start UI [web] - iniciador de UI opinativo com TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz

Extensões

Next detector de linguagem universal - Detector de linguagem que funciona universalmente (navegador + servidor) - Destinado a ser usado com uma estrutura universal, como Next.js DEMO
Próximas Rotas - Rotas nomeadas universais para Next.js.
Next-Pkg - Servidor Next.js estendido com suporte a pkg.
Próximo Plugin Graphql - Plugin Next.js para arquivos .graphql e .gql usando graphql-tag
Próximo Com Apollo - Integração Apollo Graphql para Next.js
Próximo SEO - SEO facilitado para Next.js
Next-Sitemap - Gerador de Sitemap para Next.js
Próximo UserAgent - analisador UserAgent para Next.js
Next Cookie - serializador de cookies e biblioteca desserializadora para Next.js.
Nextein - Um gerador de site estático baseado em Next.js.
next-mdx-blog - Adicione facilmente um blog a qualquer projeto baseado em next.js
next-i18next – A maneira mais fácil de traduzir seus aplicativos NextJs.
next-routes-middleware - Um middleware de roteamento NextJS
Plug-in Serverless Framework para Next.js – Implante aplicativos sem servidor com facilidade.
Terraform For Next.js – Implante seu aplicativo usando Terraform
next-session - Middleware de sessão para Next.js
next-iron-session - Utilitário de sessão sem estado Next.js usando cookies assinados e criptografados para armazenar dados
Próximo PurgeCSS - Integre facilmente o Purgecss, o que ajuda a remover CSS não utilizado do seu pacote.
Próximo PWA - Plug-in PWA de configuração zero para Next.js com caixa de trabalho
flow-middleware - Execute qualquer um dos middlewares Express em Next.js sem poluir objetos nativos.
next-connect - O roteador compatível com Express/Connect e a camada de middleware para Next.js.
next-img – um plugin para incorporar imagens otimizadas com facilidade.
next-auth – Autenticação fácil para Next.js e Serverless
next-deploy – Implantação sem esforço em páginas AWS e GitHub.
next-joi - Valida rotas de API Next.js, com joi .
next-transpile-modules - Plugin Next.js para transpilar código de node_modules. Útil para monorepos.
Destack for Next.js - extensão Next.js para construir visualmente landing pages localmente.
UseSIWE - React hooks e rotas de API Next.js que tornam muito fácil adicionar Sign-In with Ethereum ao seu aplicativo.
Variáveis de ambiente de tempo de execução para Next.js – Pare de configurar variáveis ENV em CI/CD e use uma abordagem nativa da nuvem.
next-google-tag-manager – Adicione facilmente o Gerenciador de tags do Google ao Next 13 e superior.
next-api-decorators - Decoradores para criar rotas de API Next.js digitadas, com fácil validação e transformação de solicitações.

Aplicativos

CourseLit - Uma alternativa de código aberto para Thinkific, Teachable etc.
Feednext – Um aplicativo de mídia social de código aberto.
NextJS GOT - Aplicativo Next.js simples que mostra personagens de Game of Thrones.
Relate - Comunidade Mindfulness - React, GraphQL, Next.js.
Senha - Uma senha, do jeito certo.
Próximo Todos - Lista de tarefas escrita em Next.js.
Hacker News - Outra Hacker News escrita em Next.js.
Jet Chat - demonstração de bate-papo com tecnologia Jet e Next.js.
Nextgram - Exemplo de aplicativo Next.js v2 para mostrar seus recursos.
Rauchg Blog - Blog criado por um mantenedor principal do Next.js.
Próximo JPH - aplicativo de exemplo JsonPlaceholder feito com Next.js.
Mailto - HTML mailto é facilitado.
Plate - O aplicativo de gerenciamento de tarefas para governar todos eles.
Painel - Crie seu próprio painel de equipe com widgets personalizados.
Snape – Um cliente de torrent para pesquisar, transmitir e baixar torrents.
Trello Resume - Converte dados do Trello em informações de leitura rápida.
Autenticação de servidor com JWT - Autenticação de servidor, evita renderização antes da validação.
Site de Alexander Kachkaev – página pessoal construída com Next.js, GraphQL, Docker e Kubernetes. Usa cliente Apollo, react-intl, componentes estilizados e recomposição. As imagens Docker são criadas automaticamente pelo GitLab CI.
Manipulador de cookies com renderização de servidor - Manipulador de cookies com renderização de servidor, acesse o cookie antes da renderização.
Gank - um aplicativo Next.js que usa gank-api, mobx e antd
Exemplo de CMS desacoplado com GraphQL e Next.js
Página inicial do Mozilla VR - Página inicial do Mozilla VR
Site de Elton John - Site de Elton John
Mercado de dados da IOTA - IOTA Market Place
magicleap.com - Salto Mágico
Página de pesquisa NPM.js - Página de pesquisa do NPM
Centro de Sucesso Docker - Centro de Sucesso Docker
Urteile & Gesetze - Sistema Alemão de Informações Jurídicas licenciado sob GPLv3.
Página inicial do TikTok - Página inicial do TikTok
njt.now.sh -npm salta para? (atalhos de navegação de pacotes com os quais você sonhou). Parcialmente renderizado estaticamente, parcialmente implantado como lambda. Atualizado automaticamente em cada commit no repositório do GitHub, graças à integração do Now.
caseconverter.pro - Um conversor de maiúsculas e minúsculas de texto.
Tottem - Gerenciador de favoritos em esteróide construído com NextJs / Auth0 / Apollo Tools / Prisma2
Mapa Slow TV - Uma maneira divertida de descobrir experiências virtuais relaxantes. Next.js + Chakra UI + MySQL hospedado no Vercel.
Clone do Twitter - clone do Twitter construído com Next.js + T3 Stack + NextAuth + Supabase + Prisma.
Taxonomia - Um aplicativo de exemplo criado usando componentes de servidor Next.js 13.
shadcn/ui – Componentes lindamente projetados que você pode copiar e colar em seus aplicativos.
StorageBox - um serviço simples de armazenamento de arquivos desenvolvido com Go e Next.js.

Livros

Hands On Next.js - Um livro prático fullstack sobre renderização universal (servidor) para aplicativos react.
Guia de início rápido do Next.js - Crie, construa e implante aplicativos JavaScript universais usando Next.js
The Next.js Handbook - Crie um aplicativo React front-end que lide de forma transparente com a renderização do lado do servidor para você.
Aplicativos da Web sem servidor com React e Next.js - Use os recursos sem servidor do Next.js para acessar bancos de dados e autenticar usuários em seus aplicativos React
Corte no Jamstack: Construa um SaaS com React e Next.js - Crie um aplicativo de software como serviço full-stack usando Next.js, Prisma ORM, Cloudinary API, Chakra-UI e React Hook Form.
Real World Next.js - Crie aplicativos da web modernos, escalonáveis e de alto desempenho usando Next.js, a estrutura React para produção

Vídeos

Crie seu primeiro aplicativo ReactJS com NextJS [Espanhol]
Reagir renderização do lado do servidor com NextJS
Guillermo Rauch - Next.js por exemplo
Guillermo Rauch - Next.js: Universal React mais fácil e simples
Introdução ao Next.js
Next.js em produção
Roteamento parametrizado com Next.js
JSHeroes 2017 | Guillermo Rauch - Next.js estático e dinâmico
Programando o Futuro Universal com Next.js - Guillermo Rauch · JSConf China 2017
BPJS: Especial - Introdução ao Next.js
Próximo para Next.js
Gerenciamento de dados com Next.js e GraphQL
Next.js Registrar usuário
Curso intensivo de Next.js - reação do lado do servidor
Dominando Next.js - curso em vídeo com mais de 50 aulas para construir aplicativos com Next.js e React.
Tutorial Next.js - Tutoriais detalhados do Next.js.
Next.js Conf 2020 - Todos os vídeos da conferência Next.js 2020
Aplicativo completo de pedidos de comida com Hasura, Next.js e Vercel
Como usar a autenticação de credenciais em Next.js com NextAuth?

Projetos (nível iniciante)

Clone Full Stack Netflix em React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth e Vercel (2023)
Crie e implante um site moderno Next 13 com Framer Motion e Tailwind CSS
Próximo projeto js 13 - IMBb Clone - próximo projeto js tailwind css - projeto nextjs
Próximo projeto js 13 - clone do Google (next.js 13, tailwind css 3, API de pesquisa do Google, roteador de aplicativo
próximo projeto js - clone do Twitter
Construir e implantar: clone do TWITTER com React, Tailwind, Next, Prisma, Mongo, NextAuth e Vercel (2023)
Tutorial NextJS 13: Crie um blog estático a partir de arquivos Markdown
Clone Airbnb Full Stack com roteador de aplicativo Next.js 13: React, Tailwind, Prisma, MongoDB, NextAuth 2023
Clone do Messenger em tempo real: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)
Clone Full Stack Spotify: Próximo 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)
Full Stack E-Commerce + Dashboard e CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023

Boletins informativos

Notícias Next.js - boletim informativo mensal Next.js apresentando recursos novos e futuros, melhores artigos, ferramentas e plug-ins.
Notas Next.js - Notícias mensais da plataforma Next.js e JavaScript.