https://github.com/jackdbd/http-response-headers-for-web-security
Presentation on HTTP response headers for web security
https://github.com/jackdbd/http-response-headers-for-web-security
content-security-policy cross-origin-embedder-policy cross-origin-opener-policy cross-origin-resource-policy cross-origin-resource-sharing hsts security security-headers slidev
Last synced: 7 months ago
JSON representation
Presentation on HTTP response headers for web security
- Host: GitHub
- URL: https://github.com/jackdbd/http-response-headers-for-web-security
- Owner: jackdbd
- Created: 2024-04-07T20:35:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-13T17:32:23.000Z (over 1 year ago)
- Last Synced: 2024-04-14T07:39:56.061Z (over 1 year ago)
- Topics: content-security-policy, cross-origin-embedder-policy, cross-origin-opener-policy, cross-origin-resource-policy, cross-origin-resource-sharing, hsts, security, security-headers, slidev
- Language: Vue
- Homepage: https://http-response-headers-for-web-security.vercel.app/
- Size: 16.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTTP headers for web security
Slides and code for my talk on HTTP headers for web security.
I gave this talk at [pisa.dev](https://pisa.dev/).
- 🌐 https://http-response-headers-for-web-security.vercel.app/
- 🗎 https://raw.githubusercontent.com/jackdbd/http-response-headers-for-web-security/main/assets/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](https://sli.dev/guide/presenter-mode.html) mode: http://localhost:3030/presenter/1
## Deploy
The presentation will be automatically deployed to Vercel on each `git push`.
## 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 `assets/presentation.pdf`.
```sh
npm run build:pdf:slides
```