site-svelte

Create SvelteKit Project

1 - Created new project from GitHub (README.md, LICENSE only)

2 - Initialize New Codespace from GitHub.com

3 - Create a SvelteKit project with vite in GitHub Codespaces

npm init vite
  • installs create-vite@4.4.1 (y)
  • set project name (site-vite-project)
  • select Svelte/SvelteKit/SvelteKit demo app/TypeScript, JavaScript (project is created)
    1: cd site-vite-project
    2: npm install (or pnpm install, etc)
    3: git init && git add -A && git commit -m "Initial commit" (optional)
    4: npm run dev -- --open
    

Create GitHub Action to deploy the site to GitHub Pages

https://www.okupter.com/blog/deploy-sveltekit-website-to-github-pages

pnpm add -D @sveltejs/adapter-static
  • In the GitHub repo go to Settings/Pages at Source select GitHub Actions and click create your own

  • see the file .github\workflows\deploy-to-gh-pages

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes