Book Image

SvelteKit Up and Running

By : Dylan Hildenbrand
Book Image

SvelteKit Up and Running

By: Dylan Hildenbrand

Overview of this book

The JavaScript ecosystem has grown vast, complex, and daunting for newcomers. Fortunately, SvelteKit has emerged, simplifying the process of building JavaScript-based web applications. This book aims to demystify SvelteKit, making it as approachable as it makes web app development. With SvelteKit Up and Running you’ll be introduced to the philosophy and technologies underlying SvelteKit. First, you’ll follow a standard educational programming approach, progressing to a 'Hello World' application. Next, you’ll explore the fundamental routing techniques, data loading management, and user submission, all through real-world scenarios commonly encountered in day-to-day development, before discovering various adapters employed by SvelteKit to seamlessly integrate with diverse environments. You’ll also delve into advanced concepts like dynamic route management, error handling, and leveraging SvelteKit to optimize SEO and accessibility. By the end of this book, you’ll have mastered SvelteKit and will be well-equipped to navigate the complexities of web app development.
Table of Contents (19 chapters)
1
Part 1 – Getting Started with SvelteKit
5
Part 2 – Core Concepts
10
Part 3 – Supplemental Concepts

Creating a Build

In other books about web development frameworks, a section related to creating a production build of the application usually doesn’t come until the very end. But because SvelteKit and Vite make it so simple, there’s really no reason to wait. I’m sure you’re eager to get your application available as soon as possible, so let’s get straight to it.

So far, we’ve only worked with our application in the development environment. In essence, Vite started a development server on the local machine when we ran the npm run dev command. To shut down the development server, we use Ctrl + C. To prepare a production build of our application, we can use the provided npm script:

npm run build

If you open the project’s package.json, you’ll notice this particular script runs the vite build command. It does exactly what it sounds like by kicking off Vite’s build process, which involves the bundling process from Rollup...