Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rodneylab/sveltekit-content-security-policy

SvelteKit Content Security Policy: how you can add CSP to reduce your Svelte site's cross-site scripting (XSS) attack surface.
https://github.com/rodneylab/sveltekit-content-security-policy

cloudflare-pages content-security-policy csp http-headers netlify svelte svelte3 sveltekit

Last synced: 29 days ago
JSON representation

SvelteKit Content Security Policy: how you can add CSP to reduce your Svelte site's cross-site scripting (XSS) attack surface.

Awesome Lists containing this project

README

        

Rodney Lab sveltekit-content-security-policy Github banner



Rodney Lab logo



SvelteKit Content Security Policy

# sveltekit-content-security-policy

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/sveltekit-content-security-policy)

How you can generate Content Security Policy HTTP Headers for your static SvelteKit site deployed to Netlify or Cloudflare Pages. The code accompanies the post on SvelteKit content security policy. If you have any questions, please drop a comment at the bottom of that page.

## Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

```bash
git clone https://github.com/rodneylab/sveltekit-content-security-policy.git
cd sveltekit-content-security-policy
pnpm install # or npm install
pnpm dev
```

## Building

```bash
pnpm build
```

> You can preview the built app with `pnpm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.

Feel free to jump into the [Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).