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. Learn more →
Top 23 TypeScript Nextj Projects
-
ChatGPT-Next-Web
A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
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.
-
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.
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
-
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.
-
Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
-
plane
🔥 🔥 🔥 Open Source JIRA, Linear and Asana Alternative. Plane helps you track your issues, epics, and product roadmaps in the simplest way possible.
-
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!
-
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
-
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
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Tips from open-source: Set a maximum time limit on fetch using Promise.race() | dev.to | 2024-05-07// source: https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web/blob/3513c6801e0fd771ccb5784dcaefcac6d50245e4/scripts/fetch-prompts.mjs#L26 async function main() { Promise.all(\[fetchCN(), fetchEN()\]) .then((\[cn, en\]) => { fs.writeFile(FILE, JSON.stringify({ cn, en })); }) .catch((e) => { console.error("\[Fetch\] failed to fetch prompts"); fs.writeFile(FILE, JSON.stringify({ cn: \[\], en: \[\] })); }) .finally(() => { console.log("\[Fetch\] saved to " + FILE); }); } main();
Check out the beautiful UI crafted by ShadCN over at the deployed version of our app — sign in with Google and get some sweet cards! Plus, the entire project is open source. Grab the code from GitHub.
RESTful API: RESTful API does not have machine-readable metadata cacheable, and query validation is not available.(There are some libraraies tried to solve this issue like TRPC)
Project mention: The AI Revolution Is Crushing Thousands of Languages | news.ycombinator.com | 2024-04-25Get your OpenAI API key and then use it on one of the hundreds of open source frontends available, such as: https://github.com/lobehub/lobe-chat
Link: https://swr.vercel.app/
Cal.com is an open-source event-juggling scheduler for everyone, and is free for individuals.
Project mention: JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar | dev.to | 2024-01-09They are used in Editor component. Part 4 explains about Editor component.
Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15import { unstable_noStore as noStore } from "next/cache"; import Link from "next/link"; import { CreatePost } from "~/app/_components/create-post"; import { getServerAuthSession } from "~/server/auth"; import { api } from "~/trpc/server"; export default async function Home() { noStore(); const hello = await api.post.hello.query({ text: "from tRPC" }); const session = await getServerAuthSession(); return (
Create T3span> App h1>
First Steps →h3>
Just the basics - Everything you need to know to set up your database and authentication. div> Link>Documentation →h3>
Learn more about Create T3 App, the libraries it uses, and how to deploy it.div> Link> div>{hello ? hello.greeting : "Loading tRPC query..."}p>
{session && Logged in as {session.user?.email}span>} p> {session ? "Sign out" : "Sign in"} Link> div> div> div> main> ); } async function CrudShowcase() { const session = await getServerAuthSession(); if (!session?.user) return null; const latestPost = await api.post.getLatest.query(); return (
{latestPost ? (Your most recent post: {latestPost.name}p> ) : (
You have no posts yet.p> )} div> ); }
Project mention: How to build an eCommerce website and integrating Email notification only using open source tools | dev.to | 2024-02-01You can learn more about Medusa by checking their GitHub repository.
Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25
Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15NextAuth.js is not perfect. One of the shortcomings is that it currently does not implement federated logout. This means that even if a user signs out of the Next.js app, he does NOT get signed out of the Cognito user pool client. As a consequence, the user is not really being logged out (i.e he is able to login again without providing the credentials). You can read more about this problem in this Github thread.
With Nx, you can use the list of presets, but it is hardcoded. There is some flexibility for each with some options, but not enough to generate a more advanced workspace.
We see some great results from using these in conjunction with frameworks such as SST or Serverless, and also some real spaghetti from people who organically proliferate 100’s of functions over time and lose track of how they relate to each other or how to update them safely across time and service. Buyer beware!
Go to App | Docs
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:
Project mention: From Dull to Dazzling: 3 Methods to Elevate Your Writing with Visual Content | dev.to | 2024-05-02For MacOS: Kap - https://github.com/wulkano/Kap
I am building this app with inspiration from Taxonomy and Acme corp so a lot of the design comes from there.
Project mention: Show HN: OneUptime – open-source Datadog Alternative | news.ycombinator.com | 2024-04-02You should also check out SigNoz [1], we are an open-core alternative to DataDog - based natively on OpenTelemetry. We also have a cloud product if you don't want to host yourself
[1] https://signoz.io
I am playing around with this github project, which takes a user question as input and immediately runs a vector search on it to find relevant storied information before delivering an answer.
TypeScript Nextjs related posts
-
TanStack Form: Setup and simple validation (with shadcn/ui)
-
Show HN: I made open source landing page components and templates
-
Integrate Copilot feature into your React applications using CopilotKit
-
Shadcn UI: A Developer's Delight (My Experience)
-
How to Build Your Own ChatGPT Clone Using React & AWS Bedrock
-
Short Links with Superpowers
-
Show HN: ZenStack V2 – RLS alternative with declarative Auth rules in Prisma
-
A note from our sponsor - SurveyJS
surveyjs.io | 8 May 2024
Index
What are some of the best open-source Nextj projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | ChatGPT-Next-Web | 68,389 |
2 | shadcn/ui | 57,985 |
3 | trpc | 32,748 |
4 | Lobe Chat | 30,084 |
5 | SWR | 29,461 |
6 | cal.com | 28,745 |
7 | jsoncrack.com | 28,547 |
8 | Refine | 24,853 |
9 | plane | 24,215 |
10 | create-t3-app | 23,473 |
11 | Medusa | 23,044 |
12 | hey | 22,410 |
13 | next-auth | 22,288 |
14 | nx | 22,188 |
15 | sst | 20,214 |
16 | Reactive-Resume | 20,057 |
17 | NativeBase | 20,021 |
18 | Kap | 17,598 |
19 | taxonomy | 17,573 |
20 | signoz | 17,025 |
21 | dub | 16,249 |
22 | gpt4-pdf-chatbot-langchain | 14,573 |
23 | Blitz | 13,395 |
Sponsored