Squashed commit of the following:

commit e7afa10
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 16:31:05 2023 +0800

    Skill icons svg optimization

commit 1367f70
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 16:12:46 2023 +0800

    Accessibility improvement

commit a7d5503
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 15:52:32 2023 +0800

    Image optimization

commit 224202c
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 15:38:29 2023 +0800

    Hoist sharp

commit 1847d64
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 15:12:43 2023 +0800

    skillicons

commit b1d73e7
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 15:09:26 2023 +0800

    Links

commit a8e58d2
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 14:40:08 2023 +0800

    Fix project GitHub buttons

commit 92a3a99
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 14:04:56 2023 +0800

    Projects

commit e7de4b4
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 11:13:10 2023 +0800

    Fix navigation

commit 0cf85ea
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 04:46:26 2023 +0800

    Fix GitHub buttons

commit 383fc77
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 03:41:50 2023 +0800

    GitHub Buttons

commit f20b575
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 03:26:37 2023 +0800

    ViewTransitions

commit 583465a
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 03:22:55 2023 +0800

    Inter font

commit d0dcf42
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 03:15:15 2023 +0800

    Fix white space

commit df2cf17
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 03:03:44 2023 +0800

    about

commit 805c68b
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 02:25:11 2023 +0800

    index

commit 89307f9
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 00:50:25 2023 +0800

    Tailwind CSS

commit 3100fa3
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 00:43:59 2023 +0800

    Linters

commit 34f5097
Author: 汪心禾 <wangxinhe06@gmail.com>
Date:   Sun Dec 3 00:20:12 2023 +0800

    Astro

.eslintignore

@@ -1,6 +1,2 @@
-node_modules/
-.next/
-/out/
-
 !.*rc.js
 !.*rc.[mc]js

.eslintrc.cjs

@@ -0,0 +1,47 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: [
+    "plugin:astro/recommended",
+    "plugin:astro/jsx-a11y-strict",
+    "plugin:prettier/recommended",
+  ],
+  overrides: [
+    {
+      files: ["*.js", "*.[mc]js"],
+      extends: [
+        "eslint:recommended",
+        "airbnb-base",
+        "plugin:prettier/recommended",
+      ],
+      rules: { "import/no-unresolved": [2, { ignore: ["^@astrojs/"] }] },
+    },
+    {
+      files: ["*.ts"],
+      extends: [
+        "eslint:recommended",
+        "airbnb-base",
+        "airbnb-typescript/base",
+        "plugin:@typescript-eslint/stylistic-type-checked",
+        "plugin:prettier/recommended",
+      ],
+      parserOptions: { project: "tsconfig.json" },
+      rules: { "import/prefer-default-export": 0 },
+    },
+    {
+      // Define the configuration for `.astro` file.
+      files: ["*.astro"],
+      // Allows Astro components to be parsed.
+      parser: "astro-eslint-parser",
+      // Parse the script in `.astro` as TypeScript by adding the following configuration.
+      // It's the setting you need when using TypeScript.
+      parserOptions: {
+        parser: "@typescript-eslint/parser",
+        extraFileExtensions: [".astro"],
+      },
+      rules: {
+        // override/add rules settings here, such as:
+        // "astro/no-set-html-directive": "error"
+      },
+    },
+  ],
+};

.gitignore

@@ -1,35 +1,21 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# build output
+dist/
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
+# generated types
+.astro/
 
-# misc
-.DS_Store
-*.pem
+# dependencies
+node_modules/
 
-# debug
+# logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
 
-# local env files
-.env*.local
+# environment variables
+.env
+.env.production
 
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
+# macOS-specific files
+.DS_Store

.lintstagedrc.cjs

@@ -3,6 +3,6 @@ const prettier = "prettier --write";
 const prettierCheck = "prettier --check";
 
 module.exports = {
-  "*.{js,mjs,cjs,jsx,ts,tsx}": [eslint, prettierCheck],
-  "*.{md,html,css,json,yml,yaml}": prettier,
+  "*.{js,mjs,cjs,ts,astro}": [eslint, prettierCheck],
+  "*.{md,mdx,html,css,json,yml,yaml}": prettier,
 };

.npmrc

@@ -0,0 +1,2 @@
+public-hoist-pattern[]=*eslint*
+public-hoist-pattern[]=sharp

.prettierignore

@@ -1,5 +1 @@
-node_modules/
-.next/
-/out/
-
 pnpm-lock.yaml

.prettierrc.json

@@ -1,3 +1 @@
-{
-  "plugins": ["prettier-plugin-tailwindcss"]
-}
+{ "plugins": ["prettier-plugin-astro", "prettier-plugin-tailwindcss"] }

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

.vscode/launch.json

@@ -2,27 +2,10 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Next.js: debug server-side",
-      "type": "node-terminal",
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
       "request": "launch",
-      "command": "pnpm run dev"
-    },
-    {
-      "name": "Next.js: debug client-side",
-      "type": "chrome",
-      "request": "launch",
-      "url": "http://localhost:3000"
-    },
-    {
-      "name": "Next.js: debug full stack",
-      "type": "node-terminal",
-      "request": "launch",
-      "command": "pnpm run dev",
-      "serverReadyAction": {
-        "pattern": "- Local:.+(https?://.+)",
-        "uriFormat": "%s",
-        "action": "debugWithChrome"
-      }
+      "type": "node-terminal"
     }
   ]
 }

README.md

@@ -1,36 +1,54 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Astro Starter Kit: Basics
 
-## Getting Started
+```sh
+npm create astro@latest -- --template basics
+```
 
-First, run the development server:
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+## 🚀 Project Structure
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+│   └── favicon.svg
+├── src/
+│   ├── components/
+│   │   └── Card.astro
+│   ├── layouts/
+│   │   └── Layout.astro
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
 
-## Learn More
+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
 
-To learn more about Next.js, take a look at the following resources:
+Any static assets, like images, can be placed in the `public/` directory.
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+## 🧞 Commands
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+All commands are run from the root of the project, from a terminal:
 
-## Deploy on Vercel
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro -- --help` | Get help using the Astro CLI                     |
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+## 👀 Want to learn more?
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

next.config.js → astro.config.mjs

@@ -1,11 +1,12 @@
-// @ts-check
+import { defineConfig } from "astro/config";
+import mdx from "@astrojs/mdx";
+import tailwind from "@astrojs/tailwind";
 
-/** @type {import("next").NextConfig} */
-const nextConfig = {
-  images: {
-    dangerouslyAllowSVG: true,
-    contentDispositionType: "attachment",
-    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
+// https://astro.build/config
+export default defineConfig({
+  trailingSlash: "never",
+  integrations: [mdx(), tailwind()],
+  image: {
     remotePatterns: [
       {
         protocol: "https",
@@ -38,6 +39,4 @@ const nextConfig = {
       },
     ],
   },
-};
-
-module.exports = nextConfig;
+});