Awesome-NextJs
Curated list of awesome things related to NextJs.
https://github.com/re50urces/Awesome-NextJs
Last synced: 20 days ago
JSON representation
-
articles
- Static Tweets with MDX and 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
- 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
- Loading Images With the “Blur Down” Technique
- Updating Static Next.js Pages Instantly
- How to Build and Deploy a Jamstack Website Fast With Next.js
- Loading Images With the “Blur Down” Technique
- Next.js — Make your own Progress bar indicator component easily!!!
- 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
-
Build with Nextjs
- hashnode
- magicbell documentation - [website](https://www.magicbell.com/docs)
- 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/)
- jsonvisio.com - [website](https://jsonvisio.com/)
- egghead-next - [website](https://egghead.io/)
- leerob.io - [website](https://leerob.io/)
-
Learn
- Learn Nextjs
- Mastering Next.js - [website](https://masteringnextjs.com/)
- Learn Nextjs
-
miscellaneous
- liveblocks.io
- NextStatic
- 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
- Building a Product Hunt clone app using Hasura and Next.js - [product-hunt-clone-using-nextjs-and-hasura](https://github.com/ghoshnirmalya/product-hunt-clone-using-nextjs-and-hasura)
-
Nextjs Build App
-
Next.js newsletter
-
Nextjs Plugins
- runtime-env - native approach (kubernetes, vargant, etc).
- 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/)
- 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!`
-
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
-
Nextjs Starter
- nextjs-pwa - [demo](https://nextjs-pwa-xi.vercel.app/)
- 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
- 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/)
- muxt
- muxt-ts - [demo](http://muxt-ts.vercel.app/) `A NextJs + MUI v5 + Typescript starter to start your project faster with no pain`
- next.js-tailwindcss-template - [demo](https://next-js-tailwindcss-template.vercel.app/)
- nextarter-chakra - [demo](https://nextarter-chakra.sznm.dev/)
- 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/)
- with-nextjs - [demo](https://graphcms-with-nextjs.vercel.app/)
-
Nextjs Templates
- 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/)
Programming Languages
Categories
Sub Categories
Keywords
nextjs
135
react
69
typescript
43
vercel
24
tailwindcss
22
next
20
reactjs
19
javascript
18
nextjs-starter
16
boilerplate
16
mdx
13
nextjs-template
11
ssr
10
starter
9
template
9
chakra-ui
9
ecommerce
8
blog
7
starter-template
7
graphql
7
jamstack
7
prisma
7
redux
7
authentication
6
starter-kit
6
headless
6
ssg
6
netlify
6
markdown
6
website
6
portfolio
6
static-site-generator
6
tailwind
6
eslint
6
nextjs-boilerplate
6
seo
5
styled-components
5
dark-mode
5
nextjs-plugin
5
storybook
5
serverless
5
nodejs
5
css-in-js
4
documentation
4
web3
4
tailwind-css
4
nextjs-typescript
4
shopify
4
static-site
4
theme
4