Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 TypeScript Nextj Projects
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
A ChatGPT website built by NextChat Using Access Code given in challenge description, we can ask the bot for flag. Also we discover that this website has SSRF vulnerability (CVE-2023-49785), so we just have performed an internal http request that asking flag.
-
supabase
The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.
Project mention: Bolt AI: Build, Fix, and Deploy Full Stack Apps Faster Than Ever! | dev.to | 2025-02-08A Supabase account (sign up here)
-
dify
Dify is an open-source LLM app development platform. Dify's intuitive interface combines AI workflow, RAG pipeline, agent capabilities, model management, observability features and more, letting you quickly go from prototype to production.
How does this differ from https://dify.ai/ and the many others in this space?
-
Lobe Chat
LobeChat is a open-source, extensible (Function Calling), high-performance chatbot framework.It supports one-click free deployment of your private ChatGPT/LLM web application.
In this article, let’s review the renovate.json file in Lobechat. The following concepts are discussed:
-
Project mention: How to Build a AI Chat App Using React, Tailwind and Framer motion | dev.to | 2024-11-18
🔗 Tools We’ll Use: ReactJS: https://react.dev/ TailwindCSS: https://tailwindcss.com/ Appwrite: https://appwrite.io/ Gemini: https://ai.google.dev/ Framer motion: https://motion.dev/
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
Project mention: JSON Crack – Transform your data into interactive graphs | news.ycombinator.com | 2025-01-30 -
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Leverage libraries like tRPC or GraphQL with TypeScript to ensure type safety across the stack:
-
My journey with Prisma ORM began during a contribution to the Cal.com repository. The team uses Prisma to handle database queries, and it was immediately clear how powerful and efficient the tool is for managing relational databases. It inspired me to explore Prisma further and eventually integrate it into one of my projects.
-
plane
🔥 🔥 🔥 Open Source JIRA, Linear, Monday, and Asana Alternative. Plane helps you track your issues, epics, and cycles the easiest way on the planet.
Project mention: Our Story of Building an Open-Core PM tool: Growing from 2 to 30 People, 30K+ GitHub Stars, to 500K+ Docker pulls | dev.to | 2024-12-18Like our work? Give us a star. https://github.com/makeplane/plane
-
payload
Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
One of the most critical features for enterprise solutions is real-time data updates—whether for dashboards, notifications, or live collaboration. While Payload CMS doesn’t natively support WebSockets (yet), I put together a solution to enable real-time updates today!
-
Client-Side Data Fetching with useQuery can be used for interactive components that need to fetch data on the client-side, with initial state hydrated from server-side fetched data. For fetching data that changes frequently or for adding client-side interactivity it is useful the useSWR strategy. It’s a React hook for client-side data fetching with caching and revalidation. It allows fetching data on the client side, usually after the initial page load. Nevertheless, it does not fetch data at build time or on the server for SSR, but it can revalidate and fetch new data when required.
-
Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
airbnb, retool, sentry, datadog, snowflake..
refine: https://github.com/refinedev/refine
-
Reactive-Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
To avoid relying on projects like that in the future. I use selfhosted version of Reactive Resume [1]. Then I can keep the last version that worked even if change the license or stopped working. I would recommend everyone to look into this as a potential solution.
[1] https://github.com/AmruthPillai/Reactive-Resume
-
-
Here is one example of a "fullstack" react template: https://create.t3.gg/
-
Auth.js is an open-source authentication library that integrates with modern JavaScript frameworks like Next.js, Svelte, and Express. Previously the project was available only for Next.js and thus it used to be called Next-Auth. Today, a portion of Auth.js is still supports Next-Auth, but along with it, there are SvelteKitAuth, and ExpressAuth available too.
-
nx
Build system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution.
Nx (sponsored the Lightning Talks)
-
-
signoz
SigNoz is an open-source observability platform native to OpenTelemetry with logs, traces and metrics in a single application. An open-source alternative to DataDog, NewRelic, etc. 🔥 🖥. 👉 Open source Application Performance Monitoring (APM) & Observability tool
Project mention: Use BetterStack to Replace PagerDuty, Datadog, and Statuspage–Cut Costs by 90% | news.ycombinator.com | 2025-02-06was just looking at https://signoz.io/ to replace DD
-
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:
-
FastGPT
FastGPT is a knowledge-based platform built on the LLMs, offers a comprehensive suite of out-of-the-box capabilities such as data processing, RAG retrieval, and visual AI workflow orchestration, letting you easily develop and deploy complex question-answering systems without the need for extensive setup or configuration.
-
dub
Open-source link attribution platform. Loved by modern marketing teams like Twilio, Perplexity, Vercel, and Huberman Labs.
When you're building something, it helps to have a model. Something or someone to look to for inspiration and best practices. If you are a modern small SaaS company, Dub may be the archetype for how to do it right; a canonical model to guide your product up and to the right.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
TypeScript Nextjs discussion
TypeScript Nextjs related posts
-
Spliit: Share Expenses – No Ads. No Account. Open Source. Forever Free
-
Built a Tool to Manage EB-1A Judging–Already 100 Signups
-
Show HN: TeslaBull – A free subreddit sentiment analysis tool for Tesla (TSLA)
-
Gopher Signal – HN Summaries
-
The Open Source DocuSign Alternative
-
What is Array.reduce in JavaScript?
-
Analyzing the Dub.co analytics playbook
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 9 Feb 2025
Index
What are some of the best open-source Nextj projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | shadcn/ui | 80,092 |
| 2 | NextChat | 80,055 |
| 3 | supabase | 76,919 |
| 4 | dify | 61,283 |
| 5 | Lobe Chat | 52,830 |
| 6 | Appwrite | 47,023 |
| 7 | jsoncrack.com | 36,231 |
| 8 | trpc | 35,843 |
| 9 | cal.com | 33,901 |
| 10 | plane | 32,167 |
| 11 | payload | 32,069 |
| 12 | SWR | 30,982 |
| 13 | Refine | 29,738 |
| 14 | Reactive-Resume | 29,414 |
| 15 | Medusa | 27,538 |
| 16 | create-t3-app | 26,163 |
| 17 | next-auth | 25,841 |
| 18 | nx | 24,438 |
| 19 | hey | 24,339 |
| 20 | signoz | 20,530 |
| 21 | NativeBase | 20,267 |
| 22 | FastGPT | 20,081 |
| 23 | dub | 19,864 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai