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 t3-stack Projects
-
-
-
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.
-
-
-
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
react-duolingo
Duolingo web app clone written with React, TypeScript, Next.js, Tailwind, and Zustand. Initialized with create-t3-app.
-
semantic-search-openai-pinecone
Semantic search with openai's embeddings stored to pineconedb (vector database)
-
t3-blog
Typescript Fullstack forum made with Next.js, tRPC, Prisma, Next Auth, Tailwind CSS, S3 uploads, Zod & more. (by leojuriolli7)
-
-
-
hilde
Hilde is an open source match tracking tool for games like foosball, air hockey, chess and similar
-
Azon-Shop
E-Commerce website with Prisma PlanetScale db, optimistic updates with React Query, rating system, persistent cart, algolia search, categories, in stock indicator, infinite scroll and order tracking
-
confetti
🎉 Get your estimation party started with confetti, the ultimate tool for a festive and productive estimate session (by awtkns)
-
-
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.
Project mention: AgentGPT: Assemble, configure, and deploy autonomous AI Agents in the browser | news.ycombinator.com | 2024-01-28
Cal.com is an open-source event-juggling scheduler for everyone, and is free for individuals.
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> ); }
Check out this starter repo https://github.com/t3-oss/create-t3-turbo I didn’t use it because it didn’t really fit my needs but it I’ve heard good things about it. May work for you
Project mention: Implementing Single Sign-On In React (Remix) In Under 10 Minutes | dev.to | 2024-01-08In this tutorial, we will implement single sign-on using Clerk, and use GitHub as the OAuth server that'll verify the user’s credentials. We are going to modify an existing application to add protected routes and use the pre-built UI components.
> TOO many bots log entire channels out to public html sites. This is prevalent in everything like discord etc but the degree to it in IRC is just ridiculous god knows what any of those 1500 bots in a channel are doing.
These sorts of bots are quite rare on Discord, you usually have to make an account to be able to see anything. There have been attempts at standardizing this (like https://www.answeroverflow.com/) but they haven't taken off. Public logs are much more common on IRC than on Discord.
@iamtouha added Stripe support to their open-source Lucia auth and NextJS template.
Project mention: Transitioning from Next.js 13 to App Router in Next.js 13.4 for a T3 Stripe Project | /r/nextjs | 2023-07-06I've used a github repo using the T3 Stack in Next.js 13, which integrates Stripe using webhooks. The project is available here: T3 Stripe Project, and I've also read the awesome blog post about it: Integrating Stripe with T3.
If you want natural language search for your summaries, you could run the results through OpenAI Embeddings and store the results in a semantic vector database like Pinecone. Here is a sample project that does that: https://github.com/mharrvic/semantic-search-openai-pinecone
Project mention: With Next-auth, is there a good way to go about re-styling this page? Like add some branding around it or sum, change the colors. | /r/nextjs | 2023-06-18You can make your own pages, it sounds difficult but it's really simple. For example: https://github.com/leojuriolli7/t3-blog/tree/main/src/pages/auth
Project mention: Show HN: Abby – open-source Feature Flags for Developers | news.ycombinator.com | 2024-01-16
Here's the repo: https://github.com/jakubczarnowski/FeastQR
Project mention: Creating a hackathon winning AI based app in a weekend using Supabase, OpenAI, & Next.js | dev.to | 2023-10-10Full Project Repository
Project mention: Show HN: Factory-JS – TypeScript dummy object generator for testing | news.ycombinator.com | 2024-03-29
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 t3-stack related posts
- Implementing Single Sign-On In React (Remix) In Under 10 Minutes
- Clerk Auth Full-Stack app (Express.js, tRPC, Expo Nextjs )
- Next JS or React Native for web version?
- Good repo examples
- How do you do Authentication and authorization in nextjs?
- React Native Back End
- How to authorize database record access in Next.js/Prisma/TRPC app per query?
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source t3-stack projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | AgentGPT | 29,684 |
| 2 | cal.com | 28,546 |
| 3 | create-t3-app | 23,295 |
| 4 | create-t3-turbo | 3,951 |
| 5 | t3-turbo-and-clerk | 993 |
| 6 | AnswerOverflow | 750 |
| 7 | next-lucia-auth | 233 |
| 8 | react-duolingo | 187 |
| 9 | t3-twitter-clone | 165 |
| 10 | t3-stripe | 148 |
| 11 | semantic-search-openai-pinecone | 146 |
| 12 | asrvd.me | 145 |
| 13 | t3-blog | 123 |
| 14 | analyzemyrepo | 118 |
| 15 | Abby | 104 |
| 16 | hilde | 72 |
| 17 | Azon-Shop | 69 |
| 18 | hackernews | 46 |
| 19 | FeastQR | 40 |
| 20 | supathreads | 36 |
| 21 | confetti | 26 |
| 22 | factory-js | 14 |
| 23 | frameflow-frontend | 2 |
Sponsored
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.
www.influxdata.com