Kodio web

Getting started

• Install Node.js and pnpm

• Install dependencies

pnpm install

• Run locally

pnpm dev

Web

The code for the website is in the web folder. The website is made using Astro.

Sass is used for styling.

Install new dependencies

Install new dependencies by doing it in the web folder.

cd web
pnpm add package-to-install

or

pnpm add package-to-install -F ./web

Images

Uses https://github.com/ausi/respimagelint to calculate sizes for images.

CMS

The code for the CMS is in the cms folder. The CMS is made using Sanity.

The CMS is hosted at https://kodio.sanity.studio/

Running the CMS locally

The CMS can be run locally to see changes in the schema without deploying.

Note that the changes done in data locally will be save to the save database as for the deployed studio.

pnpm cms

Deploy

If there are changes in the schema that should be deployed run:

pnpm cms:deploy

This only applies to changes in the schema, changes in data does not require deployment to reach the database.

Code standard

ESLint, Prettier and TypeScript is used to verify the code and to format. These will be run on pull-request to the repository.

This can be run locally with

pnpm check

Environment variables

Environment variables kan be specified by creating a .env file in the root folder.

See the example file .env.example for available environment variables.