Svelte .NET Template

A simple project template for working with Svelte and ASP.NET. The template consists of 2 projects - a Svelte project (Client) that utilizes SvelteKit for the routing and an ASP.NET API (Server).

The project is using Svelte 5 and .NET 9.

Installing the template

Using NuGet:

dotnet new install Svelte.Dotnet.Template

Client

Prerequisites

This project requires NodeJS (version 18 or later) and NPM. To make sure you have them available on your machine, try running the following command:

$ npm -v && node -v
9.5.0
v18.14.1

Installation

npm install

Serving the app

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Generating code from Swagger API

To regenerate TypeScript code around interacting with the Web API:

npm run generate-api-classes

Recommendations

The template was created with the intention of using VS Code for the Client and Visual Studio for the Server. You are free to use whatever tools you prefer though.