Implement redesign with Astro

Author: cloudlena

.github/workflows/main.yml

@@ -39,7 +39,7 @@ jobs:
         if: github.ref == 'refs/heads/main' && github.event_name == 'push'
         uses: actions/upload-pages-artifact@v4
         with:
-          path: ./build
+          path: ./dist
 
   deploy:
     name: Deploy

.gitignore

@@ -1,23 +1,24 @@
-node_modules
+# build output
+dist/
 
-# Output
-.output
-.vercel
-.netlify
-.wrangler
-/.svelte-kit
-/build
+# generated types
+.astro/
 
-# OS
-.DS_Store
-Thumbs.db
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
 
-# Env
+# environment variables
 .env
-.env.*
-!.env.example
-!.env.test
+.env.production
+
+# macOS-specific files
+.DS_Store
 
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
+# jetbrains setting folder
+.idea/

.npmrc

@@ -0,0 +1,14 @@
+// .prettierrc.mjs
+/** @type {import("prettier").Config} */
+export default {
+  proseWrap: "always",
+  plugins: ["prettier-plugin-astro"],
+  overrides: [
+    {
+      files: "*.astro",
+      options: {
+        parser: "astro",
+      },
+    },
+  ],
+};

.prettierignore

@@ -1,26 +1,39 @@
 # bespinian.io
 
-The bespinian homepage available at <https://bespinian.io>. Powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```sh
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
+The bespinian website reachable at [bespinian.io](https://bespinian.io)
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+│   └── favicon.svg
+├── src
+│   ├── assets
+│   │   └── astro.svg
+│   ├── components
+│   │   └── Welcome.astro
+│   ├── layouts
+│   │   └── Layout.astro
+│   └── pages
+│       └── index.astro
+└── package.json
 ```
 
-## Building
-
-To create a production version of your app:
+To learn more about the folder structure of an Astro project, refer to
+[our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
 
-```sh
-npm run build
-```
+## 🧞 Commands
 
-You can preview the production build with `npm run preview`.
+All commands are run from the root of the project, from a terminal:
 
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+| 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                     |

.prettierrc

@@ -0,0 +1,28 @@
+// @ts-check
+import { defineConfig, fontProviders } from "astro/config";
+import sitemap from "@astrojs/sitemap";
+
+// https://astro.build/config
+export default defineConfig({
+  site: "https://bespinian.io",
+  redirects: {
+    "/": "/en",
+  },
+  integrations: [sitemap()],
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en", "de", "ch"],
+    routing: {
+      prefixDefaultLocale: true,
+    },
+  },
+  experimental: {
+    fonts: [
+      {
+        provider: fontProviders.google(),
+        name: "Lato",
+        cssVariable: "--font-lato",
+      },
+    ],
+  },
+});