Template for Svelte with GitHub pages.
Check the result of this basic version out at spenhouet.com/svelte-gh-pages-quickstart.
Quickstart project to develop and deploy a static Svelte page to GitHub pages.
- Static page builds
- GitHub pages support
- Playwright for e2e testing
- Tailwind for styling
- Headless UI for basic UI components
- PostCSS support
- Typed Javascript
For the package management, we need to install Node. To install a specific version of Node, we will first install the Node Version Management (nvm).
Download and install nvm:
wget -qO- https://github.com/raw/nvm-sh/nvm/v0.39.1/install.sh | bash
Reload the .bashrc:
source ~/.bashrc
You should now be able to list all available Node versions like this (--lts
for versions with long term support):
nvm list-remote --lts
You can find some information about the major versions and their long term support on the release page of Node.js.
You can install the latest v16 version with long term support with this command:
nvm install v16 --lts
Switch to the project folder and install the dependencies.
cd portal
npm install
To see if everything is working you can start it up like that.
npm run dev -- --open
If everything worked correct, your browser should open http://localhost:3000/
.
You can also use the VS code launch configuration Debug Svelte App
via F5
to debug the application.
Execute:
npm test
To create a production version of your app:
npm run build
You can preview the production build with npm run preview
.
Note: Because of absolute path resolution of assets, the static page does not work on local execution.