Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Awesome-NextJs
Curated list of awesome things related to NextJs.
https://github.com/re50urces/Awesome-NextJs
Last synced: 1 day ago
JSON representation
-
articles
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- Loading Images With the “Blur Down” Technique
- Updating Static Next.js Pages Instantly
- Static Tweets with MDX and Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- Build Mobile Apps with Tailwind CSS, Next.js, Ionic Framework, and Capacitor - [repo](https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-starter)
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- Next.js — Make your own Progress bar indicator component easily!!!
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
- How to Build and Deploy a Jamstack Website Fast With Next.js
-
Learn
- Mastering Next.js - [website](https://masteringnextjs.com/)
- Learn Nextjs
-
Nextjs Starter
- vercel examples - [website](https://examples.vercel.live/)
- commerce - [demo](https://demo.vercel.store/)
- react-next-starter - [demo](https://react-next-starter.vercel.app/)
- next-lotus-starter - [demo](https://next-lotus-starter.vercel.app/)
- nextplate
- typescript-nextjs-starter - [demo](https://next-ts.joaopedro.dev/)
- next-typescript - [demo](https://next-typescript.basement.studio/) ++
- nextjs-with-aos-example - [demo](https://nextjs-with-aos-example.vercel.app/)
- Next.js on Lambda via Serverless demo - [demo](https://nextjs-sls-sandbox.formidable.dev/blog)
- prisma-next-auth - `Next.js boilerplate for passwordless authentication with Prisma and next-auth`
- nextjs-redux-starter - [demo](https://nextjs-redux-starter.vercel.app/)
- next-netlify-blog-starter - [demo](https://next-netlify-blog-starter.netlify.app/)
- next-netlify-starter - [demo](https://next-starter.netlify.app/)
- next-netlify-portfolio-starter - [demo](https://next-portfolio-starter.netlify.app/)
- nextjs-12 - [demo](https://12nextjs.vercel.app/)
- muxt-ts - [demo](http://muxt-ts.vercel.app/) `A NextJs + MUI v5 + Typescript starter to start your project faster with no pain`
- muxt
- next-sass-starter - [demo](https://next-sass-starter.vercel.app/)
- nextjs-with-locomotive-scroll-example - [demo](https://nextjs-with-locomotive-scroll-example.vercel.app/)
- use-next-blurhash-hook-example - [demo](https://use-next-blurhash.vercel.app/) ++
- next-cache-effective-pages - [demo](https://next-cache-effective-pages.vercel.app/test.txt?userId=42)
- nextjs-multiauthor-blog-starter
- next-project-starter - [demo](https://project-starter.vercel.app/)
- next.js-tailwindcss-template - [demo](https://next-js-tailwindcss-template.vercel.app/)
- nextjs-starter - [demo](https://next-starter.bhanuteja.dev/) `A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB + ESLint + Prettier + Husky`
- wild-next
- nextarter-chakra - [demo](https://nextarter-chakra.sznm.dev/)
- t3 app - [website](https://create.t3.gg/) `The best way to start a full-stack, typesafe Next.js app`
- ts-nextjs-tailwind-starter - [demo](https://tsnext-tw.thcl.dev/)
- next-app-starter - [demo](https://next-app-starter.vercel.app/)
- Boilerplate and Starter - [demo](https://creativedesignsguru.com/demo/Nextjs-Boilerplate/)
- next-fullstack-starter - `Next.js + Prisma + TailwindCSS + (Type-)GraphQL`
- nextjs-typescript-tailwindcss-starter - [demo](https://nextjs-typescript-tailwindcss-starter.vercel.app/)
- Next.js Starter Tailwind - [demo](https://next-starter-tailwind.taylorbryant.dev/)
- nextjs-advanced-starter - [demo](https://nextjs-advanced-starter.vercel.app/)
- rescript-nextjs-template - [demo](https://nextjs-default-ryyppy.vercel.app/)
- nextjs-planetscale-starter - [demo](https://nextjs-planetscale-starter.netlify.app/) - [docs](https://docs.planetscale.com/tutorials/nextjs-planetscale-netlify-template)
- nextjs-starter
- nextjs-strapi-boilerplate - [demo](https://nextjs-strapi-boilerplate.vercel.app/)
- nextjs-hasura-boilerplate - [demo](https://nextjs-hasura-boilerplate.vercel.app/) - `Boilerplate for building applications using Hasura and Next.js`
- tinacms-next-example
- next-contentful-starter - [demo](https://next-contentful-starter.netlify.app/) `Contentful`
- next-contentful-graphql
- nextjs-mongodb-app - [demo](https://nextjs-mongodb.vercel.app/)
- next-pwa-template - [demo](https://next-pwa-template.vercel.app/)
- next-web3-boilerplate - [demo](https://next-web3-boilerplate.mirshko.dev/) `Slightly opinionated Next.js Web3 boilerplate built on ethers, web3-react, Typechain, and SWR.`
- solidity-nextjs-starter - stack dApp starter built on Ethereum (Solidity) with Next.js (React)`
- web3-starter
- nextein-starter - [demo](https://nextein-starter.vercel.app/)
- nextein-tailwind-starter - [demo](https://nextein-tailwind-starter.vercel.app/)
- nextein-i18n-starter - [demo](http://nextein-i18n-starter.vercel.app/)
- next-auth-example - [demo](https://next-auth-example.vercel.app/)
- with-nextjs - [demo](https://graphcms-with-nextjs.vercel.app/)
- nextjs-pwa - [demo](https://nextjs-pwa-xi.vercel.app/)
- with-nextjs-i18n-routing - [demo](https://graphcms-with-nextjs-i18n-routing.vercel.app/)
- with-nextjs-image-loader - [demo](https://graphcms-with-nextjs-image-loader.vercel.app/)
- with-nextjs-image - [demo](https://graphcms-with-nextjs-image.vercel.app/)
- with-nextjs-mdx-remote - [demo](https://graphcms-with-nextjs-mdx-remote.vercel.app/)
-
Nextjs Templates
- next-eui-starter - [demo](https://elastic.github.io/next-eui-starter/)
- nextra - [demo](https://nextra.vercel.app/)
- theBag - [demo](https://the-bag.vercel.app/) `Multipurpose template made by Nextjs and MUI v5.`
- next-dev-studio - [demo](https://next-dev-studio.vercel.app/)
- next-saas-starter - [demo](https://next-saas-starter-ashy.vercel.app/)
- theme-nextjs-starter - [website](https://www.prezly.com/developers)
- rnb-site - [demo](https://www.reactnextboilerplate.com/)
- react-next-boilerplate - [website](https://www.reactnextboilerplate.com/)
- next-boilerplate - [demo](https://pankod.github.io/next-boilerplate/)
- ultimate-saas-ts - [demo](https://utlimate-saas-js.vercel.app/)
- cna-chakra-ui-template - [demo](https://cna-chakra-ui-template.vercel.app/)
- Startup - Free Next.js Startup Website Template - [demo](https://startup.nextjstemplates.com/)
- nextra-theme-docs - [demo](https://swr.vercel.app/)
- next-smooth-doc - [demo](https://next-smooth-doc.vercel.app/)
- productlog-nextjs-theme - [demo](https://productlog-theme.vercel.app/)
- NextBook - [demo](https://next-book.vercel.app/)
- hyperdocs - [demo](https://hyperdocs.netlify.app/hashnode/docs)
- nextacular - [demo](https://demo.nextacular.co/)
- tailwind-nextjs-starter-blog - [demo](https://tailwind-nextjs-starter-blog.vercel.app/) `tailwindCSS`
- Next Blog Firestore
- nextjs-mdx-blog-kit - [demo](https://nextjs-mdx-blog-kit.com/)
- Next.js Medium style boilerplate blog - [demo](https://nextjs-medium-boilerplate.now.sh/)
- nextjs-tailwind-simple-blog - [demo](https://nextjs-tailwind-simple-blog.vercel.app/)
- next-blog - `Markdown based blog using next.js, supporting static export`
- next-starter-novela - `Novela — A ready to deploy starter of the Novela blog theme for Next.js`
- Next-js-Blog-Boilerplate - [demo](https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/)
- nextjs-mdx-blog-starter - [demo](https://nextjs-mdx-blog-starter.vercel.app/)
- nextjs-netlify-blog-template - [demo](https://nextjs-netlify-blog-template.netlify.app/)
- next-portfolio-dev - [demo](https://portfolio-next.smakosh.com/)
- next-startd - [demo](https://next-startd.vercel.app/)
- nextjs-chakra-ui-portfolio-template - [demo](https://portfolio-boilerplate-nextjs.vercel.app/)
- Next.js Ecommerce - [demo](https://next-ecommerce-front.vercel.app/)
- headless-dropshipping-starter - [demo](https://demo.headlessdropshipping.com/)
- next-store - [demo](https://next-store-pi.vercel.app/)
- crystallize-nextjs-boilerplate - [demo](https://furniture.superfast.shop/)
- Jamstack ECommerce Next - [demo](https://www.jamstackecommerce.dev/)
- nextjs-starter-medusa - [website](https://medusajs.com/)
- medusa-starter-default - [website](https://medusajs.com/)
- HULL - [demo](https://hull.dev/)
- nextjs-shopify - [demo](https://headless.builders/)
- next-shopify-starter - [demo](https://doggystickers.vercel.app/)
- next-shopify-ts - query`
- nextjs-wordpress-starter - [demo](https://webdevstudios.github.io/nextjs-wordpress-starter/)
- next-wordpress-starter - [demo](https://next-wordpress-starter.spacejelly.dev/)
- next-drupal - [documentation](https://next-drupal.org/) - [demo](https://next-example-marketing.vercel.app/) - [demo](https://cms-drupal.vercel.app/)
- next-drupal-examples
- Tina Starter - [demo](https://tina-cloud-starter-orcin.vercel.app/)
- next-blog-starter-graphql - [demo](https://next-blog-starter.vercel.app/)
- reference-marketing-website - [demo](https://marketing-websites.withheadlesscms.com/) ++
- nextjs-notion-starter-kit - [demo](https://nextjs-notion-starter-kit.transitivebullsh.it/)
- notion-blog - [demo](https://notion-blog.vercel.app/)
- Taxonomy - [demo](https://tx.shadcn.com/)
- theBag - [demo](https://the-bag.vercel.app/) `Multipurpose template made by Nextjs and MUI v5.`
- odoc - [demo](https://docs.ouorz.com/)
- React Storefront - [demo](https://reactstorefront.vercel.app/) `saleor checkout`
- reference-marketing-website - [demo](https://marketing-websites.withheadlesscms.com/) ++
- supastarter - [demo](https://demo.supastarter.dev/) `$`
- nextra-theme-blog - [demo](https://shud.in/)
- commercejs-nextjs-demo-store - [demo](https://commercejs-demo-store.netlify.app/)
- DIY themes - [demo](https://themes.stackbit.com/demos/diy/)
- next-cms-ghost - [demo](https://next.jamify.org/)
- nextjs-typescript-mdx-blog - [demo](https://nextjs-typescript-mdx-blog.vercel.app/)
-
Nextjs Plugins
- next-mdx-remote - `Load mdx content from anywhere through getStaticProps in next.js` ++
- mdx-bundler - `Compile and bundle your MDX files and their dependencies. FAST.` ++
- mdx-embed - `Embed 3rd party media content in MDX - no import required` ++ - [documentation](https://www.mdx-embed.com/)
- Next-offline
- Next.js + MDX Enhanced
- next-unused - `Find unused files in your Next.js projects`
- next-themes - [demo](https://next-themes-example.vercel.app/) - `Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing`
- next-seo - `Next SEO is a plug in that makes managing your SEO easier in Next.js projects.`
- next-sitemap - [how to](https://www.iamvishnusankar.com/blogs/how-to-generate-sitemap-for-nextjs-projects/) `Sitemap generator for next.js. Generate sitemap(s) and robots.txt for all static/pre-rendered/dynamic/server-side pages.`
- next-optimized-images
- next-api-og-image - ` Easy way to generate open-graph images dynamically in HTML or React using Next.js API Routes. Suitable for serverless environment.`
- next-pwa - `Zero config PWA plugin for Next.js, with workbox `
- nextjs-redirect - [website](https://pablopunk.github.io/nextjs-redirect/)
- next-image-proxy - [website](https://next-image-proxy.vercel.app/)
- nextjs-color-mode - [demo](https://nextjs-color-mode.vercel.app/) ` A helper for creating non-flickering and accessible themed applications`
- next-plugin-preval - evaluate async functions during builds and import them like JSON`
- next-superjson
- mdnext
- nextjs-progressbar - [demo](https://demo-nextjs-progressbar.vercel.app/) - [documentatios](https://gosink.in/next-js-make-your-own-progress-bar-indicator-component-easily/) ++
- next-data-hooks - [example](https://github.com/ricokahler/next-data-hooks/tree/main/examples/next-data-hooks-example) `Use `getStaticProps`/`getServerSideProps` as react-hooks`
- next-page-tester - [example](https://github.com/next-page-tester/next-page-tester/tree/master/examples)
- css-in-js - in-JS solutions with SSR & TypeScript support for Next.js`
- next-dark-mode - [demo](https://next-dark-mode.vercel.app/)
- cookies-next
- next-api-decorators - [documentation](https://next-api-decorators.vercel.app/)
- runtime-env - native approach (kubernetes, vargant, etc).
- next-i18next - [website](https://next-i18next.com/)
- use-next-blurhash - `A custom hook that from a blurhash string will give you a blurDataUrl to add to your dynamics image in nextjs getting so a better user experience.` [Solved -Vercel Deployment Error](https://github.com/ivansevillaa/use-next-blurhash/issues/4) ++
- next-translate - `Next.js plugin + i18n API for Next.js earth_africa - Load page translations and use them in an easy way!`
-
Build with Nextjs
- chakra-templates - [website](https://chakra-templates.dev/)
- chakra-ui - [website](https://chakra-ui.com/)
- chakra-ui docs
- opencollective-frontend - [website](https://opencollective.com/)
- elmasse.io - [website](https://elmasse.io/)
- nirmalyaghosh.com - [website](https://nirmalyaghosh.com/)
- nextjs-typescript-postgresql-graphql-realtime-chat
- maxigimenez - [website](https://maxigimenez.xyz/)
- pablopunk.com - [website](https://pablopunk.com/)
- vimcolors.org - [website](https://vimcolors.org/)
- blitz - [website](https://blitzjs.com/)
- bstefanski.com - [website](https://bstefanski.com/)
- oscarrier - [website](https://www.oscarrier.me/)
- mirror-next - [website](https://m1guelpf.blog/) `A Next.js-powered frontend for your Mirror publication`
- playwright-community - [website](https://playwright.tech/)
- planetscale docs - [website](https://docs.planetscale.com/)
- delba.dev - [website](https://delba.dev/)
- danielwirtz.com - [website](https://danielwirtz.com/)
- blog.maximeheckel.com - [website](https://blog.maximeheckel.com/)
- contentlayer.dev - [website](https://www.contentlayer.dev/)
- adebayosegun.com - [website](https://www.adebayosegun.com/)
- domhabersack.com - [website](https://domhabersack.com/)
- 100ms Documentation - [website](https://docs.100ms.live/)
- fantasy-docs-next - [website](https://yahoo-fantasy-node-docs.vercel.app/)
- nfinity Bot List docs - [website](https://guide.infinitybots.gg/)
- notion-avatar - [website](https://notion-avatar.vercel.app/)
- howtoprofessionallysay - [website](https://howtoprofessionallysay.akashrajpurohit.com/)
- heroicons - [website](https://heroicons.dev/)
- symbols-search - [website](https://symbols-search.vercel.app/)
- aravindballa website - [website](https://aravindballa.com/)
- egghead-next - [website](https://egghead.io/)
- jsonvisio.com - [website](https://jsonvisio.com/)
- hashnode
- invisionapp
- magicbell documentation - [website](https://www.magicbell.com/docs)
- leerob.io - [website](https://leerob.io/)
-
Nextjs Projects
- pliny - built on next.js, contentlayer and tailwindcss`
- Volleyball scoreboard application
- krabs - `Express.js/Fastify middleware and virtual host for multi-tenant Next.js applications`
- nextjs-vanilla-extract-example
- nextjs-authentication-using-strapi-and-next-auth
- twitter-clone-using-nextjs-and-prisma - [demo](https://twitter-clone-using-nextjs-and-prisma.vercel.app/)
- nextjs-hasura-trello-clone - [demo](https://nextjs-hasura-trello-clone.vercel.app/)
- nextjs-prism-markdown - [demo](https://nextjs-prism.vercel.app/prism)
- example-next-isr-with-swr - [demo](https://example-next-isr-with-swr.vercel.app/)
- nextjs-preact-demo - [website](https://nextjs-preact.now.sh/)
- next-prisma-starter - [demo](https://prisma-next.vercel.app/)
- typescript-nextjs-redux-toolkit-material-ui-example - [demo](https://typescript-nextjs-redux-toolkit-material-ui-example.vercel.app/)
- static-next - [demo](https://static-next.vercel.app/)
- trello-clone - [website](https://trello-clone-one.vercel.app/)
- next-runtime - [documentation](https://next-runtime.meijer.ws/getting-started/1-introduction)
- next-type-graphql
- next-advanced-apollo-starter
- zora-nextjs-app
- TweenPages - [demo](https://tweenpages.vercel.app/) `Build complex animated page transitions with GSAP and Next.js`
- Next.js Leaflet Starter - [demo](https://next-leaflet-starter.netlify.app/) `A Next.js starter with Leafet to quickly build React apps with a map!`
- next-advanced-apollo-starter
-
miscellaneous
- nextjs-bundle-analysis - `A github action that provides detailed bundle analysis on PRs for next.js apps`
- next-real-viewport - `No more horizontal scroll when using 100vw tada. No more issues with the 100vh in mobile browsers exploding_head.`
- Next.js and Prismic.io Blog Series
- iron-session - [documentation](https://nextjs.org/docs/authentication)
- nookies - `A set of cookie helpers for Next.js`
- nextein - [website](https://nextein.elmasse.io/) `A static site generator with markdown + react for Next.js`
- next-auth - [website](https://next-auth.js.org/) `Authentication for Next.js`
- Serverless Next.js Component - `Deploy your Next.js apps on AWS Lambda@Edge via Serverless Components`
- next-redux-wrapper - `Redux Wrapper for Next.js`
- next-s3-upload - [documentation](https://next-s3-upload.codingvalue.com/) `Upload files from your Next.js app to S3`
- next-hcaptcha - `Robust, dependency free and highly configurable solution for guarding Next.js API Routes through higher order function with HCaptcha`
- next-connect - `The TypeScript-ready, minimal router and middleware layer for Next.js, Micro, Vercel, or Node.js http/http2`
- next-with-apollo - `Apollo HOC for Next.js`
- next-session - `Simple promise-based session middleware for Next.js, micro, Express, and more`
- next-api-compose - `Simple, dependency free, error aware and powerful utility to compose chain of multiple middleware into one Next.js API Route.`
- next-boost - `Add a cache layer for server-side-rendered pages with stale-while-revalidate. Can be considered as an implementation of next.js's Incremental Static Regeneration which works with getServerSideProps`
- next-remote-refresh - [example](https://github.com/souporserious/next-remote-refresh/tree/main/example)
- reflexjs - [website](https://reflexjs.org/) `A library for rapid UI development with style props, color modes, themes and variants + starter kits, themes and blocks to help you build Gatsby and Next.js sites faster.`
- faustjs - [Getting Started with Next.js](https://faustjs.org/docs/next/getting-started) `Faust.js - The Headless WordPress Framework`
- mordred
- nextjs-lit-token-gating
- polygon-ethereum-nextjs-marketplace
- nextjs-dapp-starter-ts
- supabase-nextjs-auth
- liveblocks.io
- NextStatic
-
tools
- Uploadthing
- Nexar
- Next-video - performance video to your Next.js app`
-
Nextjs Build App
-
Next.js newsletter
-
Twitter Account
Programming Languages
Categories
Sub Categories
Keywords
nextjs
140
react
73
typescript
45
vercel
24
tailwindcss
23
next
21
reactjs
20
javascript
18
nextjs-starter
17
boilerplate
17
mdx
13
ssr
11
nextjs-template
11
template
10
chakra-ui
10
ecommerce
9
starter
9
prisma
8
starter-template
8
graphql
8
nextjs-boilerplate
7
jamstack
7
blog
7
headless
7
redux
7
portfolio
6
static-site-generator
6
website
6
ssg
6
starter-kit
6
authentication
6
netlify
6
markdown
6
tailwind
6
nextjs-plugin
5
styled-components
5
static-site
5
serverless
5
seo
5
storybook
5
eslint
5
nodejs
5
documentation
4
next-js
4
web3
4
theme
4
tailwind-css
4
nextjs-typescript
4
shopify
4
dark-mode
4