{"id":11884,"date":"2023-08-03T12:22:56","date_gmt":"2023-08-03T12:22:56","guid":{"rendered":"https:\/\/codevoweb.com\/?p=11884"},"modified":"2023-08-03T15:52:55","modified_gmt":"2023-08-03T15:52:55","slug":"fullstack-sveltekit-application-with-form-actions","status":"publish","type":"post","link":"https:\/\/codevoweb.com\/fullstack-sveltekit-application-with-form-actions\/","title":{"rendered":"Building a FullStack SvelteKit Application with Form Actions"},"content":{"rendered":"\n

In this article, you will learn how to build a full-stack feedback application in SvelteKit using Form Actions<\/a> and Prisma ORM<\/a>. 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.<\/p>\n\n\n\n

We will progressively enhance the forms to ensure that they function even when JavaScript is disabled in the browser or unavailable. We have already created this same application in SvelteKit in the article titled ‘Build a Frontend App in SvelteKit using a RESTful API<\/a>‘, but this one requires an API layer to modify data on the server. <\/p>\n\n\n\n

Moreover, if you’re interested, there are Next.js and Rust versions of this feedback application available for exploration. The Rust implementation is found in the article titled ‘Build a Full Stack App with Rust, Yew.rs, and Actix Web<\/a>‘, while the Next.js version can be found in the article titled ‘Build a Simple Frontend App in Next.js 13 App Directory<\/a>‘.<\/p>\n\n\n\n

Before we delve into the tutorial, let’s give credit to Brad Traversy, who originally created this application in Svelte<\/a> with local storage for feedback item storage. However, in our implementation, we’ll elevate it to a higher level by incorporating a PostgreSQL database and Prisma ORM. Without further delay, let’s dive into the tutorial and start building this exciting application!<\/p>\n\n\n\n<\/span>\n\n\n\n

More Practice (Optional):<\/p>\n\n\n\n