JavaScript Nextjs

Open-source JavaScript projects categorized as Nextjs
Edit details
Topics: #React #Tailwindcss #JavaScript #ReactJS #Vercel
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
Sponsored

Top 23 JavaScript Nextj Projects

  • Next.js

    The React Framework

    Project mention: Huge Ram usage by Next js 13 the app router version | /r/nextjs | 2023-09-21

  • homepage

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

    Project mention: It's dashboard Wednesday! And I'm finally content with how mine looks;) | /r/selfhosted | 2023-07-12

    Good to see a dashboard post here that isnt just using Homepage :)

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • next-seo

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

    Project mention: Next.js Weekly #4: Vercel Ship, PHP to RSCs, Precedent 2.0, Hot Takes 🌶️ | /r/test | 2023-04-22

    Next SEO

  • 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

  • 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: Appwrite OSS Fund Sponsors LinkFree | dev.to | 2023-04-20

    LinkFree connects to your audience with a single link. It allows you to showcase the content you create and your projects in one place, making it easier for people to find, follow and subscribe.

  • headless-wp-starter

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

  • builderbook

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

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • readme.so

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

    Project mention: Created an anime streaming website using react js | /r/developersIndia | 2023-05-17

    Here's the link : https://readme.so/

  • 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);

  • notion-clone

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

  • 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. 🖥️ 📱

  • next-translate

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

    Project mention: 🏝️ i18n translations in Next.js 13's app-dir for server/client components 🌊 | dev.to | 2023-02-19

    Next-translate repo: https://github.com/aralroca/next-translate

  • floatui

    Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.

    Project mention: A STEP BY STEP GUIDE TO CREATING A FULL STACK WEB APP USING NEXT JS AND SUPABASE 🙌🙌💥.. | dev.to | 2023-07-09

    Personally I used Float UI , I can guarantee you that this is a game changer in the design of the front-end working🔥with tailwind 💥👌👌🔥.Just head over to their website Float UI and you can see the amazing components that they have:

  • next-optimized-images

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

    Project mention: Auth.js Authentication for the Web | news.ycombinator.com | 2022-12-30

    Same. I found this example [1] particularly helpful, although I don't know how good this [2] library it uses is. Overall, I've seen multiple OSS projects [3] that try to support a missing functionality in Next.js seem to just give up trying to keep up with their breaking changes.

    [1] https://stackblitz.com/edit/github-mwzv1t?file=README.md

    [2] https://github.com/hoangvvo/next-connect

    [3] https://github.com/cyrilwanner/next-optimized-images

  • 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

  • project_next_13_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 13 application.

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

  • next-offline

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

  • nextjs-mongodb-app

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

  • 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

  • HULL

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

  • peppermint

    An open source ticket management & help desk solution. A freshdesk alternative

    Project mention: Keyboard Navigation in React Apps | /r/nextjs | 2023-06-15

  • 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.

  • breeze-next

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

    Project mention: Recommended way to connect laravel-breeze-api to NextJS | /r/webdev | 2023-03-18

    I checked out the breeze-next repo and in that implementation even though the dashboard page is protected, the dashboard page is flashed momentarily before the user gets redirected to the login page.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

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 2023-09-21.

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 111,890
2 homepage 8,413
3 next-seo 6,848
4 material-kit-react 4,850
5 BioDrop 4,676
6 headless-wp-starter 4,411
7 builderbook 3,593
8 readme.so 3,583
9 next-pwa 3,259
10 notion-clone 2,760
11 react-awesome-slider 2,759
12 next-translate 2,340
13 floatui 2,179
14 next-optimized-images 2,178
15 craftzdog-homepage 2,061
16 project_next_13_ai_prompt_sharing 1,744
17 next-offline 1,557
18 nextjs-mongodb-app 1,441
19 nextjs-tailwind-ionic-capacitor-starter 1,356
20 HULL 1,240
21 peppermint 1,229
22 commercejs-nextjs-demo-store 1,040
23 breeze-next 1,039

Sponsored
Tired of breaking your main and manually rebasing outdated pull requests?
Managing outdated pull requests is time-consuming. Mergify's Merge Queue automates your pull request management & merging. It's fully integrated to GitHub & coordinated with any CI. Start focusing on code. Try Mergify for free.
blog.mergify.com