JavaScript Nextjs

Open-source JavaScript projects categorized as Nextjs

Top 23 JavaScript Nextj Projects

  • Next.js

    The React Framework

    Project mention: NGINX and Angular SPA Redirect | dev.to | 2022-11-26

    There are several solutions to get around the routing issue. One is to use MPA's (multi page applications). Both Angular (Angular Universal, Scully, and more recently released Analog) and React (NextJs and Remix) have meta-frameworks that provide a server side rendered solution.

  • next-seo

    Next SEO is a plug in that makes managing your SEO easier in Next.js projects.

    Project mention: Why I Specialize in Next.js Website Development | dev.to | 2022-05-20

    For SEO there is next-seo.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • nextra

    The Next.js Static Site Generator

    Project mention: Prebuilt documentation options? (like Nextra) | reddit.com/r/nextjs | 2022-08-09

    I'm trying to add the docs pages to my application and I'd prefer not to build it all from scratch. Packages like Nextra handle a lot of the boilerplate like linking all the pages automatically in the sidebar, typography styling, markdown parsing, etc. However, Nextra in particular seem to really be built for standalone docs applications, I'm having trouble integrating it in my existing application. So I'm wondering if anyone has any recommendations? Worst case I'll fall back to plain MDX but would prefer it done for me.

  • headless-wp-starter

    🔪 WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step

    Project mention: Correct me if I'm wrong: React + WordPress | reddit.com/r/Wordpress | 2022-03-10

    I found this online https://github.com/postlight/headless-wp-starter, I don't know why but I hate using code I don't understand

  • material-kit-react

    React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

    Project mention: material-kit-react VS horizon-ui-chakra-ts - a user suggested alternative | libhunt.com/r/material-kit-react | 2022-10-04
  • tailwind-nextjs-starter-blog

    This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

    Project mention: Vercel's CEO just tweeted my project Outstatic.com ❤️ | reddit.com/r/nextjs | 2022-10-23

    I'm using the tailwind-nextjs-starter-blog template and would love to integrate the editor into my app to generate MDX-files for my blog!

  • module-federation-examples

    Implementation examples of module federation , by the creators of module federation

    Project mention: Is it possible to use Module Federation at static sites built with cra npm build? | reddit.com/r/reactjs | 2022-11-12

    Personally, I would opt for the shared-components route. Check out this GitHub repo for a ton of config examples: https://github.com/module-federation/module-federation-examples

  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • builderbook

    Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.

    Project mention: Building a basic app using open-source instead of coding it from scratch? | reddit.com/r/SaaS | 2022-01-14

    I'd suggest to stick with JS on backend to save time and don't learn another language. I personally love Next.js both for front and back end, if you are familiar with React - you will love it too. My stack is Next.js (with MUI) / Vercel serverless hosting / Mongo DB I also came to fullstack from front-end, and can recommend this book: https://builderbook.org/

  • readme.so

    An online drag-and-drop editor to easily build READMEs

    Project mention: Rant si sugestii pentru cei care isi trec GitHub in CV | reddit.com/r/programare | 2022-08-23
  • next-pwa

    Zero config PWA plugin for Next.js, with workbox 🧰

    Project mention: PWA support in NextJs | reddit.com/r/codehunter | 2022-05-01

    We tried to use next-offline and next-pwa, but we were only able to precache the static assets.

  • react-awesome-slider

    React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱

    Project mention: 4 steps to add cool sliders to your website | dev.to | 2022-08-29

    Let’s start without wasting much time, 4 steps to add a slider as shown in the image to your react project. I will be using the react-awesome-slider package.

  • notion-clone

    Edit Notes like in Notion.so. Full-Stack App using React/Express.

  • next-optimized-images

    🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).

    Project mention: Should I use Create React App, or ViteJS? | reddit.com/r/reactjs | 2022-01-28

    But yes, it felt more finnicky if that makes sense. I'd suggest building your own image thing using next-optimised-images to suit your exact preferences. You can generate a blurred low res image, a higher res version and overlap them together to essentially re-create a lite version of Image component : https://github.com/cyrilwanner/next-optimized-images

  • next-translate

    Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!

    Project mention: Ran into this strange problem when usingi18Next-Nextjs with getServerSideProps ; | reddit.com/r/nextjs | 2022-09-22
  • next-offline

    make your Next.js application work offline using service workers via Google's workbox

    Project mention: PWA support in NextJs | reddit.com/r/codehunter | 2022-05-01

    We tried to use next-offline and next-pwa, but we were only able to precache the static assets.

  • LinkFree

    Open source alternative to LinkTree

    Project mention: What is Open Source and why should you care | dev.to | 2022-10-14

    LinkFree - Free Open Source alternative to Linktree.

  • nextjs-mongodb-app

    A Next.js and MongoDB web application, designed with simplicity for learning and real-world applicability in mind.

    Project mention: Next.js and MongoDB full-fledged app Part 4: Posts and Comments | dev.to | 2022-03-25

    I hope this has been helpful in working with your Next.js app. Again, check out the repository nextjs-mongodb-app. If you find this helpful, consider giving it a star to motivate me with further development and more content.

  • next-transpile-modules

    Next.js plugin to transpile code from node_modules

    Project mention: React-Native 0.7, React-Native-Web and React-Navigation/Stack | reddit.com/r/reactnative | 2022-09-13

    // import ntm = from 'next-transpile-modules'; // const withTM = ntm(modulesToTranspile); // logic below for externals has been extracted from 'next-transpile-modules' // we won't use this modules as they don't allow package without 'main' field... // https://github.com/martpie/next-transpile-modules/issues/170 const getPackageRootDirectory = m => path.resolve(path.join(__dirname, 'node_modules', m));

  • HULL

    💀 Headless Shopify Starter – powered by Next.js + Sanity.io

    Project mention: How to start freelancing? | reddit.com/r/PinoyProgrammer | 2022-05-23

    Usually freelancing need portfolios. I'd suggest building a sample project that uses this https://github.com/ndimatteo/HULL since it's really easy to extend if customers ask for more

  • nextjs-tailwind-ionic-capacitor-starter

    A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor

    Project mention: Solito – React Native and Next.js, Unified | news.ycombinator.com | 2022-03-14

    wow, that's a weird limitation.

    The README says: "SSR is currently disabled for the Next.js app as the app will be fully client-side rendered for iOS and Android. This is a limitation we are working to address in a future update."

    I guess it's because CapacitorJS pre-bundles the entire PWA for the App Stores:

    "Of course, you also could load the app completely remotely by changing the server.url configuration for Capacitor to point to your SSR'ed Next.js app, but that has other challenges such as App Store approval if the app doesn't check the boxes for Apple to qualify it as an app that has enough native integration (at that point this is on you, not Capacitor)"

    https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...

    But I don't understand why SSR would be disabled for the NextJS PWA on the web?

    Maybe Max Lynch aka. @mlynch aka. @yesimahuman could provide some insight here.

  • commercejs-nextjs-demo-store

    Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, customer login, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.

    Project mention: Need help with Commerce JS store issue - categories and products not showing up | reddit.com/r/learnjavascript | 2022-07-12

    Original categories banner within the commerce js next js demo store.

  • next-firebase-auth

    Simple Firebase authentication for all Next.js rendering strategies

  • next-wordpress-starter

    📝 Bring WordPress to the static world with Next.js

    Project mention: Efficient SSG in Next.js with WPGraphQL | dev.to | 2022-08-04

    This is a similar pattern we've seen in a few popular WordPress starters such as Colby Fayock's and WebDevStudios. While this pattern feels intuitive, it can actually be problematic.

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-11-26.

JavaScript Nextjs related posts

Index

What are some of the best open-source Nextj projects in JavaScript? This list will help you:

Project Stars
1 Next.js 96,796
2 next-seo 5,815
3 nextra 4,312
4 headless-wp-starter 4,286
5 material-kit-react 4,227
6 tailwind-nextjs-starter-blog 3,650
7 module-federation-examples 3,609
8 builderbook 3,378
9 readme.so 3,081
10 next-pwa 2,623
11 react-awesome-slider 2,595
12 notion-clone 2,412
13 next-optimized-images 2,113
14 next-translate 1,887
15 next-offline 1,513
16 LinkFree 1,338
17 nextjs-mongodb-app 1,301
18 next-transpile-modules 1,055
19 HULL 1,039
20 nextjs-tailwind-ionic-capacitor-starter 1,009
21 commercejs-nextjs-demo-store 988
22 next-firebase-auth 963
23 next-wordpress-starter 761
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com