From 81a0f0fcfb2e009f7c19a74badb642f4a26ec9f1 Mon Sep 17 00:00:00 2001 From: Tobiloba Adedeji <96334363+tobySolutions@users.noreply.github.com> Date: Mon, 23 Sep 2024 14:01:12 +0100 Subject: [PATCH] feat: Add Fleek to Astro deployment docs (#9457) Co-authored-by: Sarah Rainsberger --- public/logos/fleek.svg | 8 +++ src/components/DeployGuidesNav.astro | 1 + src/content/docs/en/guides/deploy/fleek.mdx | 78 +++++++++++++++++++++ src/data/logos.ts | 1 + 4 files changed, 88 insertions(+) create mode 100644 public/logos/fleek.svg create mode 100644 src/content/docs/en/guides/deploy/fleek.mdx diff --git a/public/logos/fleek.svg b/public/logos/fleek.svg new file mode 100644 index 0000000000000..5cb4a775a49a5 --- /dev/null +++ b/public/logos/fleek.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/DeployGuidesNav.astro b/src/components/DeployGuidesNav.astro index 1fbb8ae9bad2d..ae2bb8a9e423b 100644 --- a/src/components/DeployGuidesNav.astro +++ b/src/components/DeployGuidesNav.astro @@ -36,6 +36,7 @@ const services: Service[] = [ { title: 'Microsoft Azure', slug: 'microsoft-azure', supports: ['static'] }, { title: 'Buddy', slug: 'buddy', supports: ['static'] }, { title: 'Edgio', slug: 'edgio', supports: ['ssr', 'static'] }, + { title: 'Fleek', slug: 'fleek', supports: ['static'] }, { title: 'Fly.io', slug: 'flyio', supports: ['ssr', 'static'] }, { title: 'Render', slug: 'render', supports: ['static'] }, { title: 'Stormkit', slug: 'stormkit', supports: ['static'] }, diff --git a/src/content/docs/en/guides/deploy/fleek.mdx b/src/content/docs/en/guides/deploy/fleek.mdx new file mode 100644 index 0000000000000..3022412c0d7fb --- /dev/null +++ b/src/content/docs/en/guides/deploy/fleek.mdx @@ -0,0 +1,78 @@ +--- +title: Deploy your Astro Site to Fleek +description: How to deploy your Astro site to the web on Fleek. +type: deploy +i18nReady: true +--- + +import { Steps } from '@astrojs/starlight/components'; +import ReadMore from '~/components/ReadMore.astro'; + +You can use [Fleek](http://fleek.xyz/) to deploy a static Astro site to their edge-optimized decentralized network. + +This guide gives a complete walkthrough of deploying your Astro site to Fleek using the Fleek UI and CLI. + +## Project Configuration + +Your Astro project can be deployed to Fleek as a static site. + +## How to deploy + +You can deploy to Fleek through the website UI or using Fleek’s CLI (command line interface). + +### Platform UI Deployment + + +1. Create a [Fleek](https://app.fleek.xyz) account. + +2. Push your code to your online Git repository (GitHub). + +3. Import your project into Fleek. + +4. Fleek will automatically detect Astro and then you can configure the correct settings. + +5. Your application is deployed! + + + +### Fleek CLI + + +1. Install the Fleek CLI. + + ```bash + # You need to have Nodejs >= 18.18.2 + npm install -g @fleek-platform/cli + ``` +2. Log in to your Fleek account from your terminal. + + ```bash + fleek login + ``` + +3. Run the build command to generate the static files. By default, these will be located in the `dist/` directory. + + ```bash + npm run build + ``` + +4. Initialize your project. This will generate a configuration file. + + ```bash + fleek sites init + ``` + +4. You will be prompted to either create a new Fleek Site or use an existing one. Give the site a name and select the directory where your project is located. + +5. Deploy your site. + + ```bash + fleek sites deploy + ``` + + + +## Learn more + +[Deploy site from Fleek UI](https://fleek.xyz/docs/platform/deployments/) +[Deploy site from Fleek CLI](https://fleek.xyz/docs/cli/sites/) diff --git a/src/data/logos.ts b/src/data/logos.ts index 476af2176c51f..85207f2bfd62f 100644 --- a/src/data/logos.ts +++ b/src/data/logos.ts @@ -16,6 +16,7 @@ export const logos = LogoCheck({ datocms: { file: 'datocms.svg', padding: '0.25em 0.25em 0.25em 0.3em' }, deno: { file: 'deno.svg', padding: '0' }, edgio: { file: 'edgio.svg', padding: '.1625em' }, + fleek: { file: 'fleek.svg', padding: '0.1000em' }, flyio: { file: 'flyio.svg', padding: '.1625em' }, github: { file: 'github.svg', padding: '0.125em 0.125em 0.1375em' }, gitlab: { file: 'gitlab.svg', padding: '0' },