https://github.com/rodneylab/sveltekit-form-example

SvelteKit form example 📝 code to get a contact form working with SvelteKit actions, and 10 tips to avoid common pitfalls 🍀
https://github.com/rodneylab/sveltekit-form-example

a11y accessibility form form-validation postmark svelte sveltekit zod

Last synced: about 1 year ago
JSON representation

SvelteKit form example 📝 code to get a contact form working with SvelteKit actions, and 10 tips to avoid common pitfalls 🍀

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-form-example
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2023-08-07T15:27:54.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-20T13:33:50.000Z (over 1 year ago)
• Last Synced: 2025-04-04T10:04:56.930Z (about 1 year ago)
• Topics: a11y, accessibility, form, form-validation, postmark, svelte, sveltekit, zod
• Language: CSS
• Homepage:
• Size: 259 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

          




  

    

  





  SvelteKit Form Example



# sveltekit-form-example

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

Demo code to help troubleshoot SvelteKit forms, with 3 examples of varying complexity on different routes. The code accompanies the SvelteKit form example post. 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-form-example.git

cd sveltekit-form-example

pnpm install # or npm install

cp .env.example .env

pnpm dev

```

## Building

```bash

pnpm run build

```

> You can preview the built app with `pnpm 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).