urban-sveltekit-template

Urban Sveltekit Template

Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ]

Web Agency themed business template for SvelteKit. Browse through a live demo. Increase the web presence of your agency with this configurable theme.

Urban was made by CloudCannon, a Jamstack platform for the whole team.

Find more templates, themes and tutorials at CloudCannon Academy.

Features

  • FrontMatter live editing
  • Contact form
  • Pre-built pages
  • Pre-styled components
  • Staff and author system
  • Configurable footer
  • Optimised for editing in CloudCannon
  • RSS/Atom feed
  • SEO tags
  • Google Analytics

Setup

  1. Add your site and author details in data/seo.json.
  2. Add your Google Analytics key to data/site.json.
  3. Get a workflow going to see your site's output (with CloudCannon or SvelteKit locally).

Develop

Urban was built with SvelteKit

$ npm install
$ npm run dev

Editing

Urban is already optimised for adding, updating and removing pages, staff, posts, company details and footer elements in CloudCannon.

Posts

  • Add, update or remove a post in the Posts collection.
  • The Staff Author field links to members in the Staff collection.
  • Change the defaults when new posts are created in content/posts/_defaults.md.

Contact Form

  • Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. FormSpree).
  • Sends email to the address listed in company details.

Staff

  • Reused around the site to save multiple editing locations.
  • Exposed as a data file to give clients better access.
  • Set in the Data / Footer section.

Company details

  • Reused around the site to save multiple editing locations.
  • Set in the Data / Company section.

Top categories

Loading Svelte Themes