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. Learn more →
Top 23 JavaScript Nextj Projects
-
-
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-12Good 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.
-
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.
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.
-
Project mention: Created an anime streaming website using react js | /r/developersIndia | 2023-05-17
Here's the link : https://readme.so/
-
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. 🖥️ 📱
-
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-19Next-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-09Personally 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).
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
-
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.
-
-
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
-
-
-
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.
-
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!
JavaScript Nextjs related posts
- Does anyone know of a good guide to setting up a v13 project as a PWA? It seems like there are many, but I can't seem to get ant of them to work.
- Ask HN: One-person startups/SaaS that are profitable?
- Convert a Hygraph Next.js project to Next.js app directory
- 4 Steps to Update the Next.js Marketplace Template
- Build your own documentation chatbot with ChatGPT and EdgeDB
- Explicit Design, Part 6. Cross-Cutting Concerns and Extendable Infrastructure
- Chakra UI vs Shadcn UI
-
A note from our sponsor - Amplication
amplication.com | 22 Sep 2023
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 |