sirlisko.com

https://sirlisko.com - personal (and experimental) website.

I tried to keep this website as a proof of concept of the technologies I am currently working with or to just trying out new stuff :)

---

The Website is built using Astro.

In order to have the Website up and running NodeJs is mandatory, it can be installed using nvm, a handy NodeJs binary manager, or using the official installer present in the NodeJs website (https://nodejs.org/download/).

Install the dependencies

this project is using pnpm as package manager but it should work with npm as well

Once NodeJs is installed, its package manager NPM will be available, and you will be able to install pnpm.

npm install -g pnpm

Then all you need to do is run in the main directory of the project the following command.

pnpm install --production

This will install all the software needed in order to build and run the Website.

Build the Website

pnpm run build

Work with the Website (Develop)

The easier way to build the Website in Develop mode is with:

pnpm start

In addition to the build, this command is also watching the file system looking for files change. Once one of the resources changes the relative assets are immediately recompiled.

Linting, Formatting, Typechecking and Testing

This project uses ESLint, Prettier, and Vitest to ensure code quality, consistency, and correctness. The following commands are available:

• pnpm lint: Run ESLint to check for issues.
• pnpm format: Format all files using Prettier.
• pnpm type-check: Run Typescript type check.
• pnpm test: Run unit tests using Vitest.

GitHub Actions

A GitHub Actions workflow runs on every push and pull request to ensure that:

• The code passes ESLint checks.
• The code is formatted according to Prettier rules.
• The code passes types checks.
• The code passes the unit tests.

The stack

• Runtime: Node.js (v. 20) for running the simulation and CLI.
• Language: TypeScript for type safety and better developer experience.
• Framework: Astro.js for building the pages
• Linting and Formatting: ESLint and Prettier for consistent code quality and style.
• Testing: Unit tests with Vitest and integration tests for the CLI.
• UI Library: some of the UI iteractions are powered by React.
• CI/CD: GitHub Actions for automating linting, formatting, and testing.

Generate the resume in pdf format

pnpm start
pnpx electron-pdf http://localhost:4321/resume resume.pdf