JavaScript Nextjs

Open-source JavaScript projects categorized as Nextjs

Top 23 JavaScript Nextj Projects

  • Next.js

    The React Framework

  • Project mention: Deploying organization repo to Vercel with a hobby plan | dev.to | 2024-05-03

    https://github.com/vercel/next.js/discussions/27666 One of them said 'renaming folder to uppercase' might cause trouble. git might not recognize case-sensetive changes by default.

  • homepage

    A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations.

  • Project mention: Highly customizable homepage with Docker and service API integrations | news.ycombinator.com | 2024-02-28
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • next-seo

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

  • Project mention: My checklist for a production-ready website | dev.to | 2023-12-31

    The third one is Schema.org JSON-LD. I actually question the usefulness of this feature, but if it is relatively easy to implement without a glaring downside, just give it a shot I guess? In Next.js, there is next-seo package that greatly simplifies the implementation of Schema.org JSON-LD.

  • BioDrop

    Connect to your audience with a single link. Showcase the content you create and your projects in one place. Make it easier for people to find, follow and subscribe.

  • Project mention: 5 Developer Communities You Must Join in 2024 | dev.to | 2024-04-06

    I've started My Open Source Journey by Contributing to one of their Open Source project LinkFree (Currently Known as BioDrop) and the Community members Helped me in that process!

  • module-federation-examples

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

  • Project mention: Lazy load external library from CDN? | /r/reactjs | 2023-06-26
  • headless-wp-starter

    πŸ”ͺ WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step

  • readme.so

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

  • Project mention: Get People Interested in Contributing to Your Open Project | dev.to | 2024-02-05

    Use the editor at readme.so

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • builderbook

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

  • next-pwa

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

  • Project mention: Enable PWA with next.js 13 or later using next-pwa (disabled in development environment) | dev.to | 2023-05-27

    /** @type {import('next').NextConfig} */ const path = require("path"); const isDev = process.env.NODE_ENV !== "production"; const withPWA = require("next-pwa")({ dest: "public", disable: isDev, buildExcludes: ["app-build-manifest.json"], }); const generateAppDirEntry = (entry) => { const packagePath = require.resolve("next-pwa"); const packageDirectory = path.dirname(packagePath); const registerJs = path.join(packageDirectory, "register.js"); return entry().then((entries) => { // Register SW on App directory, solution: https://github.com/shadowwalker/next-pwa/pull/427 if (entries["main-app"] && !entries["main-app"].includes(registerJs)) { if (Array.isArray(entries["main-app"])) { entries["main-app"].unshift(registerJs); } else if (typeof entries["main-app"] === "string") { entries["main-app"] = [registerJs, entries["main-app"]]; } } return entries; }); }; const nextConfig = { experimental: { appDir: true, }, reactStrictMode: true, webpack(config) { if( !isDev ){ const entry = generateAppDirEntry(config.entry); config.entry = () => entry; } return config; }, }; module.exports = withPWA(nextConfig);

  • 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. πŸ–₯️ πŸ“±

  • notion-clone

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

  • lowdefy

    The config web stack for business apps - build internal tools, client portals, web apps, admin panels, dashboards, web sites, and CRUD apps with YAML or JSON.

  • Project mention: Pkl, a Programming Language for Configuration | news.ycombinator.com | 2024-02-02

    I'm really enjoying reading through the docs and the tutorial. We've created Lowdefy, a config web-stack which makes it really simple to build quite advanced web apps. We're writing everything in YAML, but it has it's limitations, specifically when doing config type checking and IDE extensions that go beyond just YAML.

    I've been looking for a way to have typed objects in the config to do config suggestions and type checking.. PKL looks like it can do this for us. And with the JSON output we might even be able to get there with minimal effort.

    Is there anyone here with some PKL experience that would be willing to answer some technical questions re the use of PKL for more advanced, nested config?

    See Lowdefy:

    https://lowdefy.com/

    https://github.com/lowdefy/lowdefy

  • next-translate

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

  • Project mention: Next.js Weekly #34: StyleX, Self-Healing URLs, AuthKit, Scaleable TailwindCSS, Layouts vs Templates, Faster Next.js Websites [πŸ‘‡ all links in the comments] | /r/nextjs | 2023-12-10

    next-translate

  • project_next_14_ai_prompt_sharing

    Next.js recently became the official React framework as outlined in React docs. In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem. Finally, you'll put your skills to the test by building a modern full-stack Next 14 application.

  • Project mention: Am I doing something wrong? | /r/nextjs | 2023-08-25
  • craftzdog-homepage

    My homepage

  • Project mention: Ask HN: One-person startups/SaaS that are profitable? | news.ycombinator.com | 2023-09-13

    I'm guessing Inkdrop: https://soccermatics.readthedocs.io/en/latest/index.html

    The dev (Takuya Matsuyama) also has a nice website and a YouTube channel - https://www.craftz.dog

  • next-optimized-images

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

  • next-offline

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

  • onur.dev

    ✦ My personal website built using Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, Supabase and deployed on Vercel.

  • Project mention: Building My Developer Blog SiteπŸŽ‰βœ¨πŸΎ | dev.to | 2024-01-25

    I came across an inspiring blog site called onur.dev which exemplified the kind of site I wanted to build for myself. The clean design and features were just what I had envisioned. I resolved to model my own site after this one.

  • nextjs-mongodb-app

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

  • HULL

    πŸ’€ Headless Shopify Starter – powered by Next.js + Sanity.io

  • breeze-next

    An application / authentication starter kit frontend in Next.js for Laravel Breeze.

  • react-portfolio-template

    Modern React Portfolio Template (FREE)

  • Project mention: What am I doing wrong ? | /r/cscareerquestions | 2023-06-08

    Your project portfolio I actually thought was a troll at first, the colors, alignments, fonts, are all just horrendous. No offense, you're not a designer. But just use a nice clean template, there are hundreds out there. Use a UI kit, something. It has to be readable at the very least. Here, free - https://github.com/chetanverma16/react-portfolio-template

  • next-wordpress-starter

    πŸ“ Bring WordPress to the static world with Next.js

  • Project mention: Looking for some advice! Currently working in wordpress to built some sites for clients. Looking to make a change and reading up on next.js and seems like it could be a great solution but is there a CMS that is comparable to Wordpress from a client making content updates standpoint? | /r/nextjs | 2023-06-27

    Colby Fayock has also created some interesting content with demos and creating a starter kit. Next.js with WordPress Starter Kit

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript Nextjs related posts

  • React fast SVG charts (next-chartist)

    1 project | news.ycombinator.com | 30 Apr 2024
  • System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days

    2 projects | dev.to | 26 Apr 2024
  • Interview with Senior JavaScript Developer 2024 [video]

    3 projects | news.ycombinator.com | 14 Apr 2024
  • 5 Developer Communities You Must Join in 2024

    3 projects | dev.to | 6 Apr 2024
  • Debounce messages in queueing systems: How to do it with Postgres

    1 project | dev.to | 5 Apr 2024
  • Gatsby starters: 30 free Gatsby templates for blazingly fast website building

    20 projects | dev.to | 3 Apr 2024
  • Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1

    2 projects | dev.to | 13 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 6 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more β†’

Index

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

Project Stars
1 Next.js 120,804
2 homepage 16,141
3 next-seo 7,313
4 BioDrop 5,724
5 module-federation-examples 5,281
6 headless-wp-starter 4,442
7 readme.so 3,848
8 builderbook 3,724
9 next-pwa 3,602
10 react-awesome-slider 2,882
11 notion-clone 2,875
12 lowdefy 2,553
13 next-translate 2,536
14 project_next_14_ai_prompt_sharing 2,441
15 craftzdog-homepage 2,223
16 next-optimized-images 2,193
17 next-offline 1,574
18 onur.dev 1,563
19 nextjs-mongodb-app 1,487
20 HULL 1,340
21 breeze-next 1,261
22 react-portfolio-template 1,243
23 next-wordpress-starter 1,136

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com