An open API service indexing awesome lists of open source software.

https://github.com/loke-dev/sveltekit-landing-page-template

A production-ready SvelteKit + Tailwind v4 landing page template
https://github.com/loke-dev/sveltekit-landing-page-template

landing-page svelte svelte5 sveltekit tailwindcss template vite

Last synced: about 1 month ago
JSON representation

A production-ready SvelteKit + Tailwind v4 landing page template

Awesome Lists containing this project

README

          

# SvelteKit Landing Page Template

A production-ready landing page template built with SvelteKit, Tailwind CSS v4, and MDsveX.

Image

## Features

- **Blazing Fast** — SSG + Vite 6. 100 Lighthouse score out of the box
- **Tailwind v4** — Design tokens in `@theme`, zero config file
- **TypeScript** — Fully typed, Svelte 5 runes syntax throughout
- **MDsveX Ready** — Add a blog in minutes
- **SEO Optimised** — OG tags, sitemap, JSON-LD structured data
- **Deploy Ready** — Vercel adapter, one-click deploy

## Stack

- [SvelteKit 2](https://kit.svelte.dev) + [Svelte 5](https://svelte.dev)
- [Tailwind CSS v4](https://tailwindcss.com)
- [MDsveX](https://mdsvex.pngwn.io)
- [TypeScript](https://typescriptlang.org)
- [Vite 6](https://vitejs.dev)

## Get Started

```bash
git clone https://github.com/loke-dev/sveltekit-landing-page-template
cd sveltekit-landing-page-template
pnpm install
pnpm dev
```

## Customise

1. Update the GitHub URL in `src/lib/config.ts`
2. Update the site URL in `src/routes/+page.svelte`
3. Edit section content in `src/lib/components/sections/`
4. Add your own `og-image.png` to `static/` (1200×630px recommended)

## Deploy

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/loke-dev/sveltekit-landing-page-template)

## License

MIT