TypeScript Nextjs

Open-source TypeScript projects categorized as Nextjs
Edit details
Topics: React TypeScript Tailwindcss ReactJS Vercel
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 23 TypeScript Nextj Projects

  • ChatGPT-Next-Web

    A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。

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

  • shadcn/ui

    Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

    • Project mention: Monorepo architecture in shadcn-ui/ui. | dev.to | 2024-05-20

    Pick any open source project, begin with reviewing the file structure to understand the project configuration. You will find all sorts of folders and files related to tooling. Shadcn-ui/ui uses Turbo for its monorepo architecture. It is evident from the existence of turbo.json file and the commands used in “scripts” in package.json.

  • 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

  • trpc

    🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

    • Project mention: Key differences between GraphQL and RESTful API | dev.to | 2023-11-09

    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)

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

    • Project mention: The AI Revolution Is Crushing Thousands of Languages | news.ycombinator.com | 2024-04-25

    Get 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

  • SWR

    React Hooks for Data Fetching

    • Project mention: Think Twice Before Using setInterval() for API Polling – It Might Not Be Ideal | dev.to | 2024-05-19

    Data fetching is a very simple task until it becomes complicated. Therefore I recommend that you use powerful data fetching libraries like TanStack Query, SWR, RTK Query.

  • cal.com

    Scheduling infrastructure for absolutely everyone.

    • Project mention: Start your own (side) business with open-source in mind | dev.to | 2024-02-29

    Cal.com is an open-source event-juggling scheduler for everyone, and is free for individuals.

  • 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: JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar | dev.to | 2024-01-09

    They are used in Editor component. Part 4 explains about Editor component.

  • 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

  • Refine

    A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

    • Project mention: How to Hide Scrollbar Using CSS? | dev.to | 2024-05-19

  • plane

    🔥 🔥 🔥 Open Source JIRA, Linear and Asana Alternative. Plane helps you track your issues, epics, and product roadmaps in the simplest way possible.

    • Project mention: Plane, open-source Jira alternative, got to 100K+ Docker and 44K+ K8s deploys | news.ycombinator.com | 2024-05-15

    Hi HN,

    Vihar here, one of the maintainers at Plane (https://github.com/makeplane/plane).

    Last time, we shared how we reached 15K stars on GitHub in less than a year, pushing Plane to the top spot in #project-management. The post received great feedback from the HN community, and we noticed comments about lapses in self-hosting.

    We took on the challenge, rethought the entire Docker setup, made it single-click, and provided a maintenance script.

    Now, we share our journey to over 100K+ Docker pulls and 44K+ K8 deploys in this blog. Please let us know what we could improve.

    Hope you enjoy the article. Feedback welcome!

    Thanks,

  • create-t3-app

    The best way to start a full-stack, typesafe Next.js app

    • Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15

    import { 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> ); }

  • Medusa

    Building blocks for digital commerce

    • Project mention: How to build an eCommerce website and integrating Email notification only using open source tools | dev.to | 2024-02-01

    You can learn more about Medusa by checking their GitHub repository.

  • hey

    Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿

    • Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25

  • next-auth

    Authentication for the Web.

    • Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15

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

  • nx

    Smart Monorepos · Fast CI

    • Project mention: Integrate Ory in a NestJS application | dev.to | 2024-05-16

    Implementation Phase: We will create a new Nx workspace, set up a NestJS application, configure Ory Kratos and Ory Keto using Docker Compose, and implement the necessary modules, services, controllers, and entities to integrate Ory into the CatFoster application.

  • sst

    Build modern full-stack applications on AWS

    • Project mention: The 2024 Web Hosting Report | dev.to | 2024-02-20

    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!

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

    • Project mention: The Top 10 GitHub Repositories Making Waves 🌊📊 | dev.to | 2023-12-20

    Go to App | Docs

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

    Gluestack, 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:

  • Kap

    An open-source screen recorder built with web technology

    • Project mention: Show HN: I made an open-source Loom alternative | news.ycombinator.com | 2024-05-13

  • taxonomy

    An open source application built using the new router, server components and everything new in Next.js 13.

    • Project mention: T3 stack with app router and supabase | dev.to | 2024-01-05

    I am building this app with inspiration from Taxonomy and Acme corp so a lot of the design comes from there.

  • 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: Show HN: OneUptime – open-source Datadog Alternative | news.ycombinator.com | 2024-04-02

    You 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

  • dub

    Open-source link management infrastructure.

    • Project mention: Short Links with Superpowers | news.ycombinator.com | 2024-05-01

  • gpt4-pdf-chatbot-langchain

    GPT4 & LangChain Chatbot for large PDF docs

    • Project mention: Back and forth conversations before a vector search? | /r/LangChain | 2023-08-30

    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.

  • Blitz

    ⚡️ The Missing Fullstack Toolkit for Next.js

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

TypeScript Nextjs related posts

  • Farfalle: AI search engine – self-host with local or cloud LLMs

    1 project | news.ycombinator.com | 20 May 2024

  • OpenAI plans to announce Google search competitor on Monday

    1 project | news.ycombinator.com | 20 May 2024

  • Phoenix Liveview components for Shadcn UI

    2 projects | dev.to | 19 May 2024

  • Show HN: I built an open-source answer engine that runs local LLMs

    2 projects | news.ycombinator.com | 17 May 2024

  • I built an answer engine that runs local LLMs

    1 project | news.ycombinator.com | 17 May 2024

  • Content Hub: Complete guide to a centralized source

    1 project | dev.to | 17 May 2024

  • BCMS for agencies: Agency website code starter built with NextJS

    2 projects | dev.to | 10 May 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 21 May 2024
    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 →

Index

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

Project Stars
1 ChatGPT-Next-Web 69,986
2 shadcn/ui 58,619
3 trpc 32,919
4 Lobe Chat 31,363
5 SWR 29,562
6 cal.com 29,012
7 jsoncrack.com 28,619
8 Refine 25,169
9 plane 24,393
10 create-t3-app 23,617
11 Medusa 23,171
12 hey 22,508
13 next-auth 22,476
14 nx 22,231
15 sst 20,392
16 Reactive-Resume 20,162
17 NativeBase 20,033
18 Kap 17,620
19 taxonomy 17,662
20 signoz 17,175
21 dub 16,402
22 gpt4-pdf-chatbot-langchain 14,625
23 Blitz 13,404

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