feat: convert to Docusaurus

Author: jeffsieu

.gitignore

@@ -1,2 +1,20 @@
-node_modules/
-**/.DS_Store
+# Dependencies
+/node_modules
+
+# Production
+/build
+
+# Generated files
+.docusaurus
+.cache-loader
+
+# Misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

chapters/0-setting-up/1-setting-up-your-ide/README.md renamed to docs/0-setting-up/1-setting-up-your-ide/index.md

@@ -0,0 +1,6 @@
+{
+  "label": "Setting Up",
+  "customProps": {
+    "description": "Guides to set up your environment for TypeScript development."
+  }
+}

docs/0-setting-up/_category_.json

@@ -0,0 +1,6 @@
+{
+  "label": "Basics",
+  "customProps": {
+    "description": "Learn the fundamentals of TypeScript, including type annotations, type assertions, and more."
+  }
+}

chapters/1-basics/0-introduction-to-typescript/README.md renamed to docs/1-basics/0-introduction-to-typescript/index.md

@@ -0,0 +1,6 @@
+{
+  "label": "Intermediate Concepts",
+  "customProps": {
+    "description": "Explore intermediate TypeScript concepts like discriminated unions, intersection types, and more."
+  }
+}

chapters/1-basics/1-type-annotations/exercise-1.1.solution.ts renamed to docs/1-basics/1-type-annotations/exercise-1.1.solution.ts

@@ -0,0 +1,6 @@
+{
+  "label": "Advanced Concepts",
+  "customProps": {
+    "description": "Dive into advanced TypeScript topics such as index types, mapped types, and advanced type manipulation."
+  }
+}

chapters/1-basics/1-type-annotations/exercise-1.1.ts renamed to docs/1-basics/1-type-annotations/exercise-1.1.ts

@@ -0,0 +1,125 @@
+import { themes as prismThemes } from "prism-react-renderer";
+import type { Config } from "@docusaurus/types";
+import type * as Preset from "@docusaurus/preset-classic";
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
+const config: Config = {
+  title: "My Site",
+  tagline: "Dinosaurs are cool",
+  favicon: "img/favicon.ico",
+
+  // Set the production url of your site here
+  url: "https://your-docusaurus-site.example.com",
+  // Set the /<baseUrl>/ pathname under which your site is served
+  // For GitHub pages deployment, it is often '/<projectName>/'
+  baseUrl: "/",
+
+  organizationName: "jeffsieu",
+  projectName: "typescript-from-zero",
+
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
+
+  // Even if you don't use internationalization, you can use this field to set
+  // useful metadata like html lang. For example, if your site is Chinese, you
+  // may want to replace "en" with "zh-Hans".
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en"],
+  },
+
+  presets: [
+    [
+      "classic",
+      {
+        docs: {
+          sidebarPath: "./sidebars.ts",
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl:
+            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
+        },
+        blog: false,
+        theme: {
+          customCss: "./src/css/custom.css",
+        },
+      } satisfies Preset.Options,
+    ],
+  ],
+
+  themeConfig: {
+    image: "img/docusaurus-social-card.jpg",
+    navbar: {
+      title: "TypeScript from Zero",
+      logo: {
+        alt: "TypeScript from Zero",
+        src: "img/logo.svg",
+      },
+      items: [
+        {
+          type: "docSidebar",
+          sidebarId: "tutorialSidebar",
+          position: "left",
+          label: "Tutorial",
+        },
+        {
+          href: "https://github.com/jeffsieu/typescript-from-zero",
+          label: "GitHub",
+          position: "right",
+        },
+      ],
+    },
+    footer: {
+      style: "dark",
+      links: [
+        {
+          title: "Docs",
+          items: [
+            {
+              label: "Tutorial",
+              to: "/docs/intro",
+            },
+          ],
+        },
+        {
+          title: "Community",
+          items: [
+            {
+              label: "Stack Overflow",
+              href: "https://stackoverflow.com/questions/tagged/docusaurus",
+            },
+            {
+              label: "Discord",
+              href: "https://discordapp.com/invite/docusaurus",
+            },
+            {
+              label: "X",
+              href: "https://x.com/docusaurus",
+            },
+          ],
+        },
+        {
+          title: "More",
+          items: [
+            {
+              label: "Blog",
+              to: "/blog",
+            },
+            {
+              label: "GitHub",
+              href: "https://github.com/facebook/docusaurus",
+            },
+          ],
+        },
+      ],
+      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+    },
+  } satisfies Preset.ThemeConfig,
+};
+
+export default config;