Top 8 TypeScript T3 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.
-
t3-blog
Typescript Fullstack forum made with Next.js, tRPC, Prisma, Next Auth, Tailwind CSS, S3 uploads, Zod & more. (by leojuriolli7)
-
create-xp-app
💻📲 Opionionated fullstack cross-platform app starter for Nextjs and Expo with up to 100% code sharing
-
h4hila
H4HILA offers H3 fans a platform to create joke 'dating' profiles, enjoy random H3 dating-related soundbites, and engage in lighthearted, stress-free community interaction.
-
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.
Project mention: AgentGPT: Assemble, configure, and deploy autonomous AI Agents in the browser | news.ycombinator.com | 2024-01-28
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: 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
Feel free to create a feature request on Github (https://github.com/MarconLP/loggl/issues)
Project mention: Rally the Troops!!! HOE4HILA, the H3-Inspired, Meme-Filled 'Dating' App is Here | /r/h3h3productions | 2023-06-21
I did an expanding textbox which was way harder than I thought in a recent project and definitely came up with a longer approach but maybe the code from my project will help you? - https://github.com/r-i-c-h/t3witter-app/blob/main/src/components/ExpandingTextArea.tsx
TypeScript T3 related posts
Index
What are some of the best open-source T3 projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | AgentGPT | 29,684 |
2 | create-t3-app | 23,295 |
3 | create-jd-app | 636 |
4 | t3-blog | 123 |
5 | loggl | 110 |
6 | create-xp-app | 43 |
7 | h4hila | 3 |
8 | t3witter-app | 1 |
Sponsored