https://github.com/jackdbd/sfscon-2024-indieweb

Presentation for SFSCon 2024 about IndieWeb
https://github.com/jackdbd/sfscon-2024-indieweb

indieweb

Last synced: 5 days ago
JSON representation

Presentation for SFSCon 2024 about IndieWeb

• Host: GitHub
• URL: https://github.com/jackdbd/sfscon-2024-indieweb
• Owner: jackdbd
• Created: 2024-10-17T15:02:23.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-13T14:48:26.000Z (2 months ago)
• Last Synced: 2024-11-17T02:24:10.202Z (2 months ago)
• Topics: indieweb
• Language: Vue
• Homepage: https://sfscon-2024-indieweb.vercel.app
• Size: 3.72 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to build a website for the IndieWeb

Slides and code for the talk I gave at [SFSCON 2024](https://www.sfscon.it/).

- 🌐 [sfscon-2024-indieweb.vercel.app](https://sfscon-2024-indieweb.vercel.app/)

- [Slides on Notist](https://noti.st/jackdbd/k7bZT4/how-to-build-a-website-for-the-indieweb)

- 🗎 [sfscon-2024-indieweb-presentation.pdf](https://raw.githubusercontent.com/jackdbd/sfscon-2024-indieweb/main/assets/sfscon-2024-indieweb-presentation.pdf)

If you want to see my notes on a slide, click the [Presenter Mode](https://sli.dev/guide/presenter-mode) button or put `presenter/` just before the slide number (e.g. `/presenter/5` instead of `/5`).

## Installation

This presentation is a Vue.js application built with [Slidev](https://sli.dev/). You can install its dependencies with the following command:

```sh

npm install

```

## Development

Slidev can hot-code reload this presentation thanks to Vite.

Launch the Vite dev server with this command:

```sh

npm run dev

```

You can now view the presentation on localhost:

- Play mode: http://localhost:3030/1

- [Presenter mode](https://sli.dev/guide/ui#presenter-mode): http://localhost:3030/presenter/1

## PDF export

Slidev allows [exporting the slides to a PDF](https://sli.dev/guide/exporting.html#pdf). This feature relies on [Playwright](https://playwright.dev/) and requires [playwright-chromium](https://www.npmjs.com/package/playwright-chromium) to be available.

> :information_source: Since I don't want to install Playwright when building on Vercel (so deployments are faster), I declare `playwright-chromium` as a dev dependency and set `npm install --omit=dev` as the Vercel `installCommand` in `vercel.json`.

Run this command to export the slides to a PDF.

```sh

export-slides

```

## Deploy

The presentation will be automatically deployed to Vercel on each `git push`.