What is an SPA?

SPA is a standard web development term — it's not something we invented. It stands for Single Page Application, and it describes how a website loads and navigates.

Traditional websites vs SPAs

Traditional websites reload the entire page every time you click a link. Your browser fetches a new HTML page from the server, and everything re-renders from scratch.

SPAs work differently — the page loads once, then updates instantly as you navigate. Instead of requesting new pages, the app swaps out content in place. It feels smooth, like a native app on your phone.

Traditional WebsiteSPA
Click link → full page reloadClick link → instant update
White flash between pagesSmooth transitions
Slower navigationFast, app-like feel

What's under the hood

The starter template is built with two widely-used tools:

  • React — A popular library for building user interfaces
  • Vite — A fast build tool that makes development instant

Don't worry about the details yet. The starter has everything set up and ready to go — you'll get hands-on with the code in this tutorial.

?Why React?