Impresionante Next.js
Lista seleccionada de recursos: libros, videos, artículos sobre el uso de Next.js.
Next.js: el marco de React.
Lista inspirada en la increíble lista. También te puede gustar awesome-tdd.
Contenido
- Impresionante Next.js
- Contenido
- Comunidad
- Esenciales
- Artículos
- Repetitivos
- Extensiones
- Aplicaciones
- Libros
- Vídeos
- Proyectos (nivel principiante)
- Boletines
- Contribuyendo
- Licencia
Comunidad
- GitHub
- Debates de GitHub para Next.js
Esenciales
- Blog
- Aprender
- Vercel TV
- A prueba de balas Siguiente
Artículos
- Actualizaciones instantáneas del sitio con revalidación bajo demanda y Directus
- Redirecciones dinámicas impulsadas por CMS con Next.js
- Introducción a Next.js, GraphQL y React Query
- Usando Next.js con FaunaDB: Cómo consultar la base de datos desde su aplicación
- Cómo crear un blog Next.js sin servidor con ButterCMS
- Cree una aplicación JavaScript universal con Next.js
- Primeros pasos con Next.js: configuración de su aplicación
- Primeros pasos con Next.js: incorporación de datos
- Cómo crear una aplicación universal Next.js React
- Siguiente en Next.js
- Acepte pagos en su sitio con nextjs, stripe y micro
- Next.js en Cloud Functions para Firebase con Firebase Hosting
- Creación de un blog con Next.js
- Usando Google Analytics con Next.js
- Cree una aplicación JavaScript universal con Next.js y Redux [ruso]
- 5 (de las muchas razones) para amar Next.js de Vercel
- Next.js 5: Webpack universal, importaciones de CSS, complementos y zonas
- Visualización de datos en tiempo real usando Next.js y Chart.js
- Cree una aplicación de chat con análisis de sentimientos utilizando Next.js
- Cree una tabla en tiempo real con Next.js
- Blog SSR con Next.js y Prismic.io
- SEO en Next.js y Prismic
- SEO en Next.js con next-seo
- Siguiente.js 7
- Cree sitios web SSR Next.js usando GraphQL con Postgres
- Cocinando un clon de Deliveroo con Next.js (React), GraphQL, Strapi y Stripe - Configuración (parte 1/7)
- Tutorial de comercio electrónico de Next.js: integración rápida del carrito de compras
- Trabajar con Ghost y Next.js
- Usando Tailwind CSS con Next.js
- Uso de indicadores de funciones en Next.js
- Agregar fragmentos de código a Next.js usando react-syntax-highlighter
- Cree el sitio web/la aplicación de su empresa con nuestra asombrosa plantilla Next.js
- Garantizar la entrega de webhooks en la aplicación NextJS
- Creación de un libro de visitas con Next.js On-Demand ISR
- Plantillas de administración útiles para crear su sitio web/aplicación
- Integre la aplicación Next con Tailwind
Repetitivos
- Plantilla Kaminari: potente plantilla Next.js y Tailwind CSS. Creado teniendo en cuenta la experiencia del desarrollador. Contiene configuraciones de Husky, CommitLint, Prettier, Eslint, etc.
- Blog estático de Next.js: blog estático de Next.js impulsado por Cosmic Headless CMS
- Inicio de blog con tecnología NextJS Headless CMS
- Aplicación Next.js con AWS Lambda: implemente una aplicación Next.js en AWS Lambda mediante Apex Up.
- Nitro: ¿un ejemplo de una PWA que utiliza Nextjs, Material-UI, Typecript y Auth0?
- Plantilla Typecript Next & Now 2.0: sin servidor, Typecript, Jest, Github CI, SCSS, texto estándar más bonito
- Next Right Now: modelo estándar flexible de grado de producción con Next.js 9 y Vercel, con Sentry, cookies, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (pruebas E2E) y CI/CD (GH Actions), con soporte completo para TypeScript y soporte para aplicaciones web B2B multiinquilino (monorepo)
- Siguiente Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier y EsLint repetitivo
- Plantilla Typecript de Next y Vercel: sin servidor, Typecript, Jest, Github CI, SCSS, texto estándar más bonito
- NextJS en Firebase con Bootstrap: alojamiento de la aplicación NextJS con Bootstrap en Firebase con Cloud Functions.
- Next Simple Starter: modelo estándar de PWA simple con Next.js y Redux.
- NextJS Starter: proyecto inicial para Next.js con correo electrónico y autenticación oAuth.
- nextjs-starter: una plantilla del kit de inicio Next.js 10 optimizada para SEO con React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth) usando (NextAuth.js y Fauna DB), ESLint, Prettier, Pre -comprometer gancho con Husky. Puede tener diferentes diseños para diferentes páginas.
- ¡CORRIÓ! - Texto estándar listo para producción con soporte para GraphQL, SSR, recarga en caliente, CSS-in-JS, almacenamiento en caché y más.
- Next Simple Blog: blog simple basado en Markdown creado con Next.js con exportaciones estáticas.
- phox: crea un blog de fotografías estático.
- Next Express Bootstrap Boilerplate: modelo estándar para una aplicación de pila completa creada con Next, Express, react-bootstrap, SCSS y SSR con eslint.
- Siguiente Blog Firestore: Blog con CMS simple creado con Next.js, Firebase Firestore, styled-components y mobx-state-tree.
- Next Redux Starter: iniciador Next.js con Express, Redux y PostCSS.
- SiguienteJS Redux-Wrapper Material-UI -? Un NextJS estándar con Redux y Material UI.
- Staart - ? Biblioteca de componentes Next.js mantenida activamente y texto estándar mínimo para comenzar rápidamente con la aplicación con cuentas de usuario funcionales basadas en Ooth.
- SiguienteKit de inicio de JS TypeScript - ? TypeScript + NextJS, Styled-jsx, Redux, PostCSS, SEO configurable
- Siguiente Boilerplate: CSS externo y Sass + Importación de imágenes desde cualquier lugar + Prettier y Eslint + Variables de entorno y muchas más funciones.
- next-starter: un modelo estándar completo y simple con
sass (.scss)
y postcss
integrados. - Ejemplo de Typecript Monorepo Next: un next.js minimalista + mecanografiado monorepo.
- tomimick/tm-nextjs-starter: un inicio/demostración mínimo con CRUD básico, axios/localstorage, MobX, SASS, exportación de sitios estáticos, demostración en vivo
- csprance/next-smrt: un texto estándar mínimo con redux, componentes con estilo, material-ui y mecanografiado con un servidor express personalizado.
- Nextron: un electrón con generador de aplicaciones Next.js ⚡
- next-boilerplate: un texto estándar de Next.js listo para producción y bien estructurado con Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle
- Oh My Fullstack: esqueleto de aplicación web de pila completa (Next.js, Redux, RxJS, Immutable, Express)
- Next-Postgres-With-Typescript: aplicación web completa tipo foro con Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion
- Next.js con Express y Babel: un esqueleto de aplicación para aquellos que desean transpilar su código Express y Next.js usando Babel.
- next-postgres-graphql: cree sitios web SSR Next.js usando GraphQL con Postgres (Next.js, Postgres, GraphQL)
- nextjs-mongodb-app: aplicación completa creada con Next.JS y MongoDB, con autenticación y mucho más (Next.js 9, MongoDB)
- reaccionar-next-boilerplate: una base para reducir la configuración de sus proyectos con nextJS, mejores prácticas de desarrollo y bibliotecas populares en la comunidad de desarrolladores.
- The-Nextjs-starter - mecanografiado + redux + componentes con estilo + biblioteca de pruebas de reacción + eslint + fontawesome
- The Knests Stack: iniciador de hackathon/repetición completa con: PostgreSQL, Knex.js, NestJS, Next.js (obviamente), GraphQL, React (con ganchos y texto mecanografiado), Material-UI, imágenes multietapa de Docker para Docker Compose y un Canalización CI/CD de Gitlab completamente configurada.
- Devii: un iniciador de blog para desarrolladores inspirado en Medium creado con Next.js, React y TypeScript, con renderizado Markdown, resaltado de sintaxis, SEO/metaetiquetas y generación de feeds RSS listos para usar.
- Nextjs Blog Starter: el código de inicio perfecto para su blog basado en el marco Next.js. ⚡️ Hecho con Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
- Plantilla de blogs de Next.js y Netlify: un modelo perfecto para crear un sitio web de blog en pilas de Netlify con funciones estándar como etiquetado, CMS y códigos cortos.
- Nextjs Apollo Nexus: integración cliente-servidor de GraphQL Apollo en Next.js con Nexus Schema (primer enfoque del código).
- Nextjs Starter Pavo real -? Hermoso iniciador de portafolio de Nextjs para que los ingenieros y diseñadores de software muestren el trabajo del que están tan orgullosos.
- Nextático - ? Sitio web estático estándar en varios idiomas con páginas editables por el usuario y navegación mediante Netlify CMS + Next.js + SCSS + Typecript.
- Generador de mapas de sitio para NextJS y StrAPI -? Un servidor adicional en Express que se ejecuta junto con nextjs y regenera el mapa del sitio (con el mapa del sitio indexado) y los archivos robots.txt a pedido de la API STR.
- superplate: superplate crea la aplicación Next.js en segundos con TypeScript, componentes con estilo, SWR, Storybook y más de 35 complementos.
- Hydrogen: Hydrogen es una plantilla de inicio de blog de Nextjs creada con soporte tailwindCss y MDX. Tiene todos los códigos cortos MDX necesarios listos para usar.
- Next-Fire-Auth: un modelo estándar increíble para aplicaciones de inicio con autenticación usando Next.js + Typecript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
- Suscripción NextJS Chargebee: una pila T3 centrada en Chargebee que integra suscripciones de usuarios, autenticación y pruebas. Impulsado por Prisma ORM.
- Next.js Enterprise: modelo estándar de nivel empresarial para aplicaciones mantenibles y de alto rendimiento. Construido con Tailwind CSS, RadixUI, TypeScript y más.
- Iniciar interfaz de usuario [web]: iniciador de interfaz de usuario obstinado con TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz
Extensiones
- Siguiente detector de idioma universal: detector de idioma que funciona universalmente (navegador + servidor): diseñado para usarse con un marco universal, como Next.js DEMO
- Rutas siguientes: rutas universales con nombre para Next.js.
- Next-Pkg: servidor Next.js extendido con soporte para paquetes.
- Siguiente complemento Graphql: complemento Next.js para archivos .graphql y .gql usando Graphql-tag
- Siguiente con Apollo: integración de Apollo Graphql para Next.js
- Next SEO: SEO simplificado para Next.js
- Next-Sitemap: generador de mapas de sitio para Next.js
- Next UserAgent: analizador UserAgent para Next.js
- Next Cookie: biblioteca de serializador y deserializador de cookies para Next.js.
- Nextein: un generador de sitios estáticos basado en Next.js.
- next-mdx-blog: agregue fácilmente un blog a cualquier proyecto basado en next.js
- next-i18next: la forma más sencilla de traducir tus aplicaciones NextJs.
- next-routes-middleware: un middleware de enrutamiento NextJS
- Complemento Serverless Framework para Next.js: implemente aplicaciones sin servidor con facilidad.
- Terraform para Next.js: implemente su aplicación utilizando Terraform
- next-session - Middleware de sesión para Next.js
- next-iron-session: utilidad de sesión sin estado Next.js que utiliza cookies firmadas y cifradas para almacenar datos
- Siguiente PurgeCSS: integre fácilmente Purgecss, que le ayuda a eliminar CSS no utilizado de su paquete.
- Siguiente PWA: complemento PWA de configuración cero para Next.js con caja de trabajo
- flow-middleware: ejecute cualquiera de los middlewares Express en Next.js sin contaminar los objetos nativos.
- next-connect: el enrutador compatible con Express/Connect y la capa de middleware para Next.js.
- next-img: un complemento para incrustar imágenes optimizadas con facilidad.
- next-auth: autenticación sencilla para Next.js y Serverless
- next-deploy: implementación sin esfuerzo en AWS y GitHub Pages.
- next-joi - Validar rutas API de Next.js, con joi .
- next-transpile-modules: complemento Next.js para transpilar código desde node_modules. Útil para monorepos.
- Destack para Next.js: extensión de Next.js para crear visualmente páginas de destino localmente.
- UseSIWE: ganchos de React y rutas API de Next.js que hacen que sea muy fácil agregar el inicio de sesión con Ethereum a su aplicación.
- Variables de entorno de ejecución para Next.js: deje de configurar variables ENV en CI/CD, utilice un enfoque nativo de la nube.
- next-google-tag-manager: agregue fácilmente Google Tag Manager a Next 13 en adelante.
- next-api-decorators: decoradores para crear rutas API Next.js escritas, con fácil validación y transformación de solicitudes.
Aplicaciones
- CourseLit: una alternativa de código abierto a Thinkific, Teachable, etc.
- Feednext: una aplicación de redes sociales de código abierto.
- NextJS GOT: aplicación sencilla de Next.js que muestra los personajes de Juego de Tronos.
- Relacionarse - Comunidad Mindfulness - React, GraphQL, Next.js.
- Contraseña: una contraseña, de la forma correcta.
- Next Todos: lista de tareas pendientes escrita en Next.js.
- Hacker News: otra noticia sobre hackers escrita en Next.js.
- Jet Chat: demostración de Chat con tecnología Jet y Next.js.
- Nextgram: muestra de la aplicación Next.js v2 para mostrar sus capacidades.
- Blog Rauchg: blog creado por un mantenedor central de Next.js.
- Next JPH: aplicación de muestra JsonPlaceholder creada con Next.js.
- Mailto: los mailto HTML son fáciles.
- Plate: la aplicación de gestión de tareas para gobernarlos a todos.
- Panel de control: cree su propio panel de equipo con widgets personalizados.
- Snape: un cliente de torrents para buscar, transmitir y descargar torrents.
- Trello Resume: convierte datos de Trello en información de lectura rápida.
- Autenticación del servidor con JWT: autenticación del servidor, evita la representación antes de la validación.
- Sitio web de Alexander Kachkaev: página de inicio personal creada con Next.js, GraphQL, Docker y Kubernetes. Utiliza el cliente apollo, reaccionar-intl, componentes con estilo y recomponer. Las imágenes de Docker se crean automáticamente mediante GitLab CI.
- Controlador de cookies con procesamiento del servidor: controlador de cookies con procesamiento del servidor, acceda a la cookie antes del procesamiento.
- Gank: una aplicación Next.js que utiliza gank-api, mobx y antd
- Ejemplo de CMS desacoplado con GraphQL y Next.js
- Inicio de Mozilla VR - Inicio de Mozilla VR
- Sitio web de Elton John - Sitio web de Elton John
- Mercado de datos de IOTA - IOTA Market Place
- magicleap.com - Salto Mágico
- Página de búsqueda de NPM.js: página de búsqueda de NPM
- Centro de éxito de Docker - Centro de éxito de Docker
- Urteile & Gesetze: sistema alemán de información jurídica con licencia GPLv3.
- Página de inicio de TikTok - Página de inicio de TikTok
- njt.now.sh - npm ¿saltar a? (atajos de navegación de paquetes con los que soñaste). Parcialmente renderizado estáticamente, parcialmente desplegado como lambda. Actualizado automáticamente en cada confirmación al repositorio de github, gracias a la integración de Now.
- caseconverter.pro: un conversor de mayúsculas y minúsculas.
- Tottem: administrador de marcadores con esteroides creado con NextJs / Auth0 / Apollo Tools / Prisma2
- Slow TV Map: una forma divertida de descubrir experiencias virtuales relajantes. Next.js + Chakra UI + MySQL alojado en Vercel.
- Clon de Twitter: clon de Twitter creado con Next.js + T3 Stack + NextAuth + Supabase + Prisma.
- Taxonomía: una aplicación de ejemplo creada con componentes del servidor Next.js 13.
- shadcn/ui: componentes bellamente diseñados que puedes copiar y pegar en tus aplicaciones.
- StorageBox: un servicio de almacenamiento de archivos sencillo creado con Go y Next.js.
Libros
- Hands On Next.js: un libro práctico y completo sobre renderizado universal (servidor) para aplicaciones de reacción.
- Guía de inicio rápido de Next.js: cree, cree e implemente aplicaciones JavaScript universales utilizando Next.js
- El manual de Next.js: cree una aplicación React front-end que maneje de forma transparente la representación del lado del servidor por usted.
- Aplicaciones web sin servidor con React y Next.js: utilice las funciones sin servidor de Next.js para acceder a bases de datos y autenticar usuarios en sus aplicaciones React
- Ingrese al Jamstack: cree un SaaS con React y Next.js: cree una aplicación de software como servicio de pila completa utilizando Next.js, Prisma ORM, Cloudinary API, Chakra-UI y React Hook Form.
- Real World Next.js: cree aplicaciones web escalables, de alto rendimiento y modernas utilizando Next.js, el marco de React para producción
Vídeos
- Crea tu primera aplicación ReactJS con NextJS [Español]
- Reaccionar renderizado del lado del servidor con NextJS
- Guillermo Rauch - Next.js por ejemplo
- Guillermo Rauch - Next.js: Universal React hecho fácil y simple
- Introducción a Next.js
- Next.js en producción
- Enrutamiento parametrizado con Next.js
- JSHéroes 2017 | Guillermo Rauch - Next.js Estático y Dinámico
- Programando el futuro universal con Next.js - Guillermo Rauch · JSConf China 2017
- BPJS: Especial: Introducción a Next.js
- Siguiente para Next.js
- Gestión de datos con Next.js y GraphQL
- Next.js Registrar usuario
- Curso intensivo de Next.js: reacción del lado del servidor
- Mastering Next.js: curso en vídeo con más de 50 lecciones para crear aplicaciones con Next.js y React.
- Tutorial de Next.js: tutoriales detallados de Next.js.
- Next.js Conf 2020 - Todos los vídeos de la conferencia Next.js 2020
- Aplicación completa para pedidos de alimentos con Hasura, Next.js y Vercel
- ¿Cómo utilizar la autenticación de credenciales en Next.js con NextAuth?
Proyectos (nivel principiante)
- Clon completo de Netflix en React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth y Vercel (2023)
- Cree e implemente un sitio web Next 13 moderno con Framer Motion y Tailwind CSS
- Siguiente proyecto js 13 - IMBb Clone - próximo proyecto js tailwind css - proyecto nextjs
- Siguiente proyecto js 13: clon de Google (next.js 13, tailwind css 3, API de búsqueda de Google, enrutador de aplicaciones
- próximo proyecto js - clon de Twitter
- Construya e implemente: clon de TWITTER con React, Tailwind, Next, Prisma, Mongo, NextAuth y Vercel (2023)
- Tutorial de NextJS 13: creación de un blog estático a partir de archivos Markdown
- Clon completo de Airbnb con el enrutador de aplicación Next.js 13: React, Tailwind, Prisma, MongoDB, NextAuth 2023
- Clon de Messenger en tiempo real: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)
- Clon completo de Spotify: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)
- Comercio electrónico completo + panel de control y CMS: enrutador de aplicaciones Next.js 13, React, Tailwind, Prisma, MySQL, 2023
Boletines
- Next.js News: boletín informativo mensual de Next.js que muestra funciones nuevas y próximas, los mejores artículos, herramientas y complementos.
- Notas de Next.js: noticias mensuales sobre la plataforma Next.js y JavaScript.
Contribuyendo
¿Encontró un paquete, artículo, blog, video, etc. increíble? ¡Envíame una solicitud de extracción! Simplemente sigue las pautas. ¡Gracias!
Visita mi blog o saluda en Twitter.
Licencia