docs: refactor t3 collection into components & add answer overflow to…

… t3 open source appps (#1115)

www/src/components/docs/companyList.tsx

@@ -0,0 +1,48 @@
+interface Company {
+ name: string;
+ link: string;
+ linkName: string;
+}
+
+const companies: Company[] = [
+ {
+ name: "Ping.gg",
+ linkName: "ping.gg",
+ link: "https://ping.gg",
+ },
+ {
+ name: "Nexiona",
+ linkName: "nexiona.com",
+ link: "https://nexiona.com",
+ },
+ {
+ name: "Layer3",
+ linkName: "layer3.xyz",
+ link: "https://layer3.xyz",
+ },
+];
+
+export default function CompanyList({
+ companyIntl = "Description",
+ linkIntl = "Link",
+}: {
+ companyIntl: string;
+ linkIntl: string;
+}) {
+ return (
+ <table>
+ <tr>
+ <th>{companyIntl}</th>
+ <th>{linkIntl}</th>
+ </tr>
+ {companies.map((company) => (
+ <tr>
+ <td>{company.name}</td>
+ <td>
+ <a href={company.link}>{company.linkName}</a>
+ </td>
+ </tr>
+ ))}
+ </table>
+ );
+}

www/src/components/docs/openSourceAppList.tsx

@@ -0,0 +1,190 @@
+interface App {
+ description: string;
+ repoName: string;
+ repo: string;
+ linkName: string;
+ linkExtra?: string;
+ link: string;
+}
+
+const projects: App[] = [
+ {
+ description: "Create T3 Turbo - T3 Stack using Turborepo",
+ repoName: "create-t3-turbo",
+ repo: "https://github.com/t3-oss/create-t3-turbo",
+ linkName: "create-t3-turbo.vercel.app",
+ link: "https://create-t3-turbo.vercel.app/",
+ },
+ {
+ description: "Zapdos - a QnA app for streamers",
+ repoName: "pingdotgg/zapdos",
+ repo: "https://github.com/pingdotgg/zapdos",
+ linkName: "ask.ping.gg",
+ link: "https://ask.ping.gg",
+ },
+
+ {
+ description:
+ "Shoutify - Free, open-source, self-hosted social media management",
+ repoName: "techsquidtv/shoutify",
+ repo: "https://github.com/TechSquidTV/Shoutify",
+ linkName: "shoutify.app",
+ link: "https://github.com/TechSquidTV/Shoutify",
+ linkExtra: "(coming soon)",
+ },
+
+ {
+ description:
+ "Me3 - Describe yourself in 3 things and share with your friends.",
+ repoName: "hnqg/me3",
+ repo: "https://github.com/hnqg/me3",
+ linkName: "me3.hnqg.io",
+ link: "https://me3.hnqg.io",
+ },
+
+ {
+ description: "Josh's personal site",
+ repoName: "joshhyde9/t3-portfolio",
+ repo: "https://github.com/JoshHyde9/t3-portfolio",
+ linkName: "t3.joshhyde.me",
+ link: "https://t3.joshhyde.me",
+ },
+
+ {
+ description: "Cal.com - Scheduling infrastructure for absolutely everyone.",
+ repoName: "calcom/cal.com",
+ repo: "https://github.com/calcom/cal.com",
+ linkName: "cal.com",
+ link: "https://cal.com",
+ },
+
+ {
+ description: "My FAQ Page - An FAQ Page generator",
+ repoName: "ronanru/myfaq.page",
+ repo: "https://github.com/ronanru/myfaq.page",
+ linkName: "MyFAQ.page",
+ link: "https://myfaq.page",
+ },
+
+ {
+ description: "Tincy Pics - A tincy wincy image host",
+ repoName: "mozzius/tincypics",
+ repo: "https://github.com/mozzius/tincypics",
+ linkName: "tincy.pics",
+ link: "https://tincy.pics",
+ },
+
+ {
+ description: "Ayanava's Guestbook",
+ repoName: "AyanavaKarmakar/Guestbook",
+ repo: "https://github.com/AyanavaKarmakar/Guestbook",
+ linkName: "guestbook.ayanavakarmakar.software",
+ link: "https://guestbook.ayanavakarmakar.software/",
+ },
+
+ {
+ description: "Slug - URL Shortener",
+ repoName: "pheralb/slug",
+ repo: "https://github.com/pheralb/slug",
+ linkName: "slug.vercel.app",
+ link: "https://slug.vercel.app",
+ },
+
+ {
+ description:
+ "AI TTS Donations - FOSS AI Text To Speech service for Streamers.",
+ repoName: "mmattDonk/AI-TTS-Donations",
+ repo: "https://github.com/mmattDonk/AI-TTS-Donations",
+ linkName: "staging.solrock.mmattDonk.com",
+ link: "https://staging.solrock.mmattDonk.com",
+ },
+
+ {
+ description: "The Doom",
+ repoName: "moltivie/slug",
+ repo: "https://github.com/Moltivie/the-t3-stack",
+ linkName: "the-t3-stack.vercel.app",
+ link: "https://the-t3-stack.vercel.app",
+ },
+
+ {
+ description: "Railtrack",
+ repoName: "noahflk/railtrack",
+ repo: "https://github.com/noahflk/railtrack",
+ linkName: "railtrack.flk.li",
+ link: "https://railtrack.flk.li",
+ },
+
+ {
+ description: "KARA Shop - Ecommerce website",
+ repoName: "mehrabmp/kara-shop",
+ repo: "https://github.com/mehrabmp/kara-shop",
+ linkName: "karashop.vercel.app",
+ link: "https://karashop.vercel.app/",
+ },
+
+ {
+ description: "Tauri T3 App - Tauri App using T3 Stack",
+ repoName: "tauri-t3-app",
+ repo: "https://github.com/AyanavaKarmakar/tauri-t3-app",
+ linkName: "tauri-t3-app.docs",
+ link: "https://github.com/AyanavaKarmakar/tauri-t3-app#readme",
+ },
+
+ {
+ description: "Azon - E-Commerce website",
+ repoName: "andrewsolonets/Azon-Shop",
+ repo: "https://github.com/andrewsolonets/Azon-Shop",
+ linkName: "azon-shop.vercel.app",
+ link: "https://azon-shop.vercel.app/",
+ },
+
+ {
+ description: "Analyzemyrepo.com - Useful insights for any GitHub repo",
+ repoName: "CrowdDotDev/analyzemyrepo",
+ repo: "https://github.com/CrowdDotDev/analyzemyrepo",
+ linkName: "analyzemyrepo.com",
+ link: "https://analyzemyrepo.com",
+ },
+
+ {
+ description:
+ "Answer Overflow - Discord bot to index help channels into Google",
+ repoName: "AnswerOverflow/AnswerOverflow",
+ repo: "https://github.com/AnswerOverflow/AnswerOverflow",
+ linkName: "answeroverflow.com",
+ link: "https://www.answeroverflow.com/",
+ },
+];
+
+export default function OpenSourceAppList({
+ descriptionIntl = "Description",
+ repoIntl = "Repo",
+ linkIntl = "Link",
+}: {
+ descriptionIntl: string;
+ repoIntl: string;
+ linkIntl: string;
+}) {
+ return (
+ <table>
+ <tr>
+ <th>{descriptionIntl}</th>
+ <th>{repoIntl}</th>
+ <th>{linkIntl}</th>
+ </tr>
+ {projects.map((project) => (
+ <tr>
+ <td>{project.description}</td>
+ <td>
+ <a href={project.repo}>{project.repoName}</a>
+ </td>
+ <td>
+ <a href={project.link}>{project.linkName}</a>
+ {project.linkExtra && <span> {project.linkExtra}</span>}
+ </td>
+ </tr>
+ ))}
+ </table>
+ );
+}

www/src/pages/ar/t3-collection.mdx

@@ -0,0 +1,24 @@
+---
+title: اعمال بواسطة T3
+description: تطبيقات مفتوحة المصدر صنعت باستخدام Stack T3
+layout: ../../layouts/docs.astro
+lang: ar
+dir: rtl
+isMdx: true
+---
+import OpenSourceAppList from "../../components/docs/openSourceAppList.tsx";
+import CompanyList from "../../components/docs/companyList.tsx";
+
+هل قٌمت بعمل تطبيق بإستخدام T3 Stack وتريد مشاركته؟ أضافه إلى القائمة التالية!
+
+## تطبيقات مفتوحة المصدر صُنعت بواسطة T3
+
+<OpenSourceAppList descriptionIntl="الوصف" linkIntl="الرابط"/>
+
+## شركات تَستخدم T3 Stack
+
+نَوَدٌ مَعرفة الشَركات التي تَستخدم Stack T3 لتَطبيقاتها. إذا كانت شَركتك تَستخدم Stack T3 وتَرغب في مشاركته؟ أضافه إلى القائمة التالية!
+
+<CompanyList companyIntl="الشركة" linkIntl="الرابط"/>
+
+_أصنعت مشروعاً باستخدام T3 Stack؟ أنشئ [Pull Request](https://github.com/t3-oss/create-t3-app/tree/next/www/src/components/docs/openSourceAppList.tsx). وضفه هنا!_

www/src/pages/en/t3-collection.mdx

@@ -0,0 +1,24 @@
+---
+title: T3 Collection
+description: Cool open source projects and companies using the T3 stack
+layout: ../../layouts/docs.astro
+lang: en
+isMdx: true