Building a Simple Web App with Svelte

Svelte is a modern JavaScript framework that lets you build fast, reactive web applications with less boilerplate.

Visit the Svelte website to learn more.

---

Why Svelte?

Svelte shifts work from the browser to the build step, which results in:

• Smaller bundle sizes
• Faster load times
• Less runtime overhead

Key Advantages

1. No virtual DOM
2. True reactivity
3. Clean syntax

Svelte feels more like writing plain HTML, CSS, and JavaScript than using a traditional framework.

---

Getting Started

To create a new Svelte project:

npm create svelte@latest my-app
cd my-app
npm install
npm run dev

You should now see your app running locally.

---

Example Component

Here’s a simple Svelte component:

<script>
  let count = 0;
</script>

<button on:click={() => count++}>
  Clicked {count} times
</button>

Inline code also works, like npm run build.

---

Tables and Data

Feature	Supported
Components	✅ Yes
Reactivity	✅ Yes
TypeScript	✅ Optional
SSR	✅ Yes

---

Task List (GFM)

• Install Node.js
• Create Svelte project
• Deploy app

---

Images

---

Emphasis Examples

You can use bold text, italic text, or both at once.

Pro Tip

You can nest blockquotes and include headings inside them.

---

Horizontal Rule

---

Footnotes

Svelte was created by Rich Harris.[^1]

[^1]: Originally developed at The New York Times.

---

Conclusion

Svelte is a powerful choice for developers who value performance, simplicity, and maintainability.

Happy hacking 🚀