https://github.com/wpcodevo/sveltekit-form-actions-simple-app

In this article, you will learn how to build a full-stack feedback application in SvelteKit using Form Actions and Prisma ORM. Using Form Actions will enable us to directly mutate data in the database from the frontend application, which means we do not have to go through an API layer.
https://github.com/wpcodevo/sveltekit-form-actions-simple-app

form-actions postgres prisma-orm supabase svelte sveltekit vercel

Last synced: 3 months ago
JSON representation

In this article, you will learn how to build a full-stack feedback application in SvelteKit using Form Actions and Prisma ORM. Using Form Actions will enable us to directly mutate data in the database from the frontend application, which means we do not have to go through an API layer.

• Host: GitHub
• URL: https://github.com/wpcodevo/sveltekit-form-actions-simple-app
• Owner: wpcodevo
• Created: 2023-07-24T20:23:47.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-03T16:01:53.000Z (almost 2 years ago)
• Last Synced: 2025-01-26T03:41:17.539Z (5 months ago)
• Topics: form-actions, postgres, prisma-orm, supabase, svelte, sveltekit, vercel
• Language: Svelte
• Homepage: https://sveltekit-form-actions-simple-app.vercel.app
• Size: 48.8 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Building a FullStack SvelteKit Application with Form Actions

In this article, you will learn how to build a full-stack feedback application in SvelteKit using Form Actions and Prisma ORM. Using Form Actions will enable us to directly mutate data in the database from the frontend application, which means we do not have to go through an API layer.

![Building a FullStack SvelteKit Application with Form Actions](https://codevoweb.com/wp-content/uploads/2023/08/Building-a-FullStack-SvelteKit-Application-with-Form-Actions.webp)

## Topics Covered

- Running the FullStack Feedback App

- Setting up the SvelteKit Project

- Setting up the Database

    - Optional: Using Docker

- Initializing Prisma and Running Database Migrations

- Instantiating the Prisma Client

- Adding and Configuring Tailwind CSS

- Adding a Toast Notification

- Creating a Svelte Writable Store

- Loading Data using SvelteKit Load Function

- Creating the Form Actions

    - Adding a New Feedback

    - Editing an Existing Feedback

    - Deleting a Feedback

- Creating the Svelte Components

    - Rating Component

    - Statistic Component

    - Feedback Form Component

    - Feedback Item Component

- Using the Components in a Page File

- Testing the SvelteKit Application Locally

- Deploying the Application to Vercel

- Conclusion

Read the entire article here: [https://codevoweb.com/fullstack-sveltekit-application-with-form-actions/](https://codevoweb.com/fullstack-sveltekit-application-with-form-actions/)