Skip to content

Commit

Permalink
feat: Add Fleek to Astro deployment docs (#9457)
Browse files Browse the repository at this point in the history
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
  • Loading branch information
tobySolutions and sarah11918 committed Sep 23, 2024
1 parent 537fbfa commit 81a0f0f
Show file tree
Hide file tree
Showing 4 changed files with 88 additions and 0 deletions.
8 changes: 8 additions & 0 deletions public/logos/fleek.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/components/DeployGuidesNav.astro
Original file line number Diff line number Diff line change
Expand Up @@ -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'] },
Expand Down
78 changes: 78 additions & 0 deletions src/content/docs/en/guides/deploy/fleek.mdx
Original file line number Diff line number Diff line change
@@ -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

<Steps>
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!
</Steps>


### Fleek CLI

<Steps>
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
```

</Steps>

## Learn more

<ReadMore>[Deploy site from Fleek UI](https://fleek.xyz/docs/platform/deployments/)</ReadMore>
<ReadMore>[Deploy site from Fleek CLI](https://fleek.xyz/docs/cli/sites/)</ReadMore>
1 change: 1 addition & 0 deletions src/data/logos.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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' },
Expand Down

0 comments on commit 81a0f0f

Please sign in to comment.