Slimaeus

React and CRXJS Extension quick start

Tue, 27 Jan 2026 00:00:00 GMT

Prerequisites

Node.js
Node.js package manager (npm, yarn, pnpm)

Steps

Go to the folder you want to create and run command
```
npx create-cxjs
```
Enter your project name :::note Change your-project-name with your project name :::
Select React
Select Typescript
Done

References

How to install CRXJS

Melon Loader setup

Tue, 09 Sep 2025 00:00:00 GMT

Prerequisites

Visual Studio

Steps

Download MelonLoader to your game and run it once before continuing.
Download the VSIX from the GitHub repo.
Close all instances of Visual Studio and run the VSIX installer (double-clicking it should open it).
Open Visual Studio and create a new project.
Search for MelonLoader and click on either Mod or Plugin.
Enter the project info and press Create.
Select the EXE of the game you are modding and press Open.
Wait for the project creation and it should open a Visual Studio window with a working project.

References

Melon Loader Quick Start

Melon Loader VSIX

Google Kubernetes Engine quick start

Tue, 09 Sep 2025 00:00:00 GMT

Prerequisites

Steps

Set a default compute zone
- Set the default compute region
```
gcloud config set compute/region "REGION"
```
- Set the default compute zone
```
gcloud config set compute/zone "ZONE"
```
  :::note
  - REGION: available region. Ex: us-central1.
  - ZONE: available zone. Ex: us-central1-a is a zone in the us-central1 region. :::
Create a GKE cluster
- Create a cluster
```
gcloud container clusters create --machine-type=machine-type --zone=ZONE cluster-name
```
  :::note
  - machine-type: available machine type. Ex: e2-medium.
  - cluster-name: cluster name. :::
Get authentication credentials for the cluster
- Authenticate with the cluster
```
gcloud container clusters get-credentials cluster-name
```
Deploy an application to the cluster
1. Create new deployment from a image
```
kubectl create deployment deployment-name --image=image-name:image-tag
```
  :::note
  - deployment-name: deployment name.
  - image-name: image name. Ex: gcr.io/google-samples/hello-app.
  - image-tag: image tag. Ex: 1.0. :::
2. Expose application
```
kubectl expose deployment deployment-name --type=LoadBalancer --port your-port
```
  :::note
  - your-port: exposed port. Ex: 8080 :::
3. Inspect service
```
kubectl get service
```
Delete the cluster
1. Run following command
```
gcloud container clusters delete cluster-name
```
1. Type Y and Enter to confirm

References

Google Cloud Skills Boost

Angular with Bootstrap setup

Wed, 09 Jul 2025 00:00:00 GMT

Prerequisites

Node.js
Node.js package manager (npm, yarn, pnpm)
Visual Studio Code
Angular CLI

Steps

Go to the folder you want to create and run command
```
ng new project-name
```
:::note Change project-name with your project name :::
Select configurations
Run command
```
cd project-name & code .
```
Open terminal (Ctrl + J - Visual Studio Code shortcut) and install bootstrap
```
ng add @ng-bootstrap/ng-bootstrap
```
Install popper.js
```
npm i @popperjs/core
```

Update config in angular.json

{
    // ...
    "projects": {
        "project-name": {
            //...
            "architect": {
                // ...
                "options": {
                    "scripts": [
                        "node_modules/@popperjs/core/dist/umd/popper.min.js",
                        "node_modules/bootstrap/dist/js/bootstrap.bundle.js"
                    ]
                },
            }
        }
    }
}

Start the project
```
npm start
```

References

Angular Bootstrap

Popper.js package

Free Apis

Fri, 04 Jul 2025 00:00:00 GMT

Add portfolio to "developer-portfolios" repository

Fri, 04 Jul 2025 00:00:00 GMT

Go to developer-portfolios
Click to the fork button on the repository
Create the fork
Create a new branch (i.e add/your-name)
Switch to your new branch
Go to README.md
Click edit button
Add your new site. Remember to add alphabetically to the list.
Commit changes
Go to your repository's Pull requests tab and create a new pull request You can choose Compare & pull request or New pull request
- If you choose New pull request: Change the compare to your new branch and click Create pull request

Update the message and create the pull request :::note Here's my message:

Added my portfolio site under the "S" section in alphabetical order: [Slimaeus](https://slimaeus.github.io/about) [.NET Developer]
Hope you you take a look. Thank you.

:::

Waiting for the author's approval

References

Official Guide

Install n8n

Fri, 04 Jul 2025 00:00:00 GMT

Prerequisites

Steps

Prepare docker-compose.yml

Start with db

services:
n8n:
    image: docker.n8n.io/n8nio/n8n
    container_name: n8n
    restart: always # Added to ensure n8n restarts if it crashes
    ports:
    - "5678:5678"
    environment:
    - DB_TYPE=postgresdb
    - DB_POSTGRESDB_DATABASE=n8n_database
    - DB_POSTGRESDB_HOST=postgres # Hostname of the postgres service
    - DB_POSTGRESDB_PORT=5432
    - DB_POSTGRESDB_USER=n8n_user # Changed to a specific user for n8n
    - DB_POSTGRESDB_PASSWORD=<Your Database Password> # Use a strong password!
    # If you're using a self-signed SSL certificate for your Postgres, uncomment and set the following:
    # - NODE_TLS_REJECT_UNAUTHORIZED=0
    volumes:
    - n8n_data:/home/node/.n8n
    depends_on:
    - postgres # n8n depends on postgres being up
    networks:
    - n8n_network # Assign to a custom network

postgres:
    image: postgres
    container_name: n8n_postgres
    restart: always
    environment:
    POSTGRES_DB: n8n_database
    POSTGRES_USER: n8n_user # Should match DB_POSTGRESDB_USER in n8n service
    POSTGRES_PASSWORD: <Your Database Password> # Should match DB_POSTGRESDB_PASSWORD in n8n service
    PGDATA: /var/lib/postgresql/data/pgdata # Optional: Specify a sub-directory for data
    volumes:
    - postgres_data:/var/lib/postgresql/data # Persist PostgreSQL data
    networks:
    - n8n_network # Assign to the same custom network as n8n

volumes:
n8n_data:
postgres_data: # Define the volume for PostgreSQL data

networks:
n8n_network: # Define a custom bridge network
    driver: bridge

Start without database (already have one)

services:
n8n:
    image: docker.n8n.io/n8nio/n8n
    container_name: n8n
    ports:
    - "5678:5678"
    environment:
    - DB_TYPE=postgresdb
    - DB_POSTGRESDB_DATABASE=n8n_database
    - DB_POSTGRESDB_HOST=localhost
    - DB_POSTGRESDB_PORT=5432
    - DB_POSTGRESDB_USER=postgres
    - DB_POSTGRESDB_PASSWORD=<Your Database Password>
    # If you're using a self-signed SSL certificate for your Postgres, uncomment and set the following:
    # - NODE_TLS_REJECT_UNAUTHORIZED=0
    volumes:
    - n8n_data:/home/node/.n8n
    network_mode: host

volumes:
n8n_data:
    # You can specify a driver here if needed, e.g., for network storage:
    # driver: local

Start services
```
docker compose up -d
```

:::caution You shouldn't put secrets in the file, as I did. It's just for example. :::

References

Official n8n Guide

Install Strapi

Thu, 03 Jul 2025 00:00:00 GMT

Prerequisites

Node.js
Node.js package manager (npm, yarn, pnpm)
Visual Studio Code

Steps

Open the terminal in the folder you want to create new project
Initialize Strapi project by run this command
```
npx create-strapi@latest my-strapi-project
```
:::note Change my-strapi-project to your project name :::
You can select Login/Sign up to try the Growth plan of Strapi or skip it
You can press Enter to accept default answers
Run this command to access the project and open with Visual Code
```
cd my-strapi-project & code .
```
Run this command to start the project and your browser automatically opens a new tab.
```
npm run dev
```
:::note Change npm to your Node.js package manager :::
You need to create your account and now you can access to the admin panel.

References

Strapi Quick Start Guide

Configure Refit

Mon, 23 Jun 2025 00:00:00 GMT

Install Refit

dotnet add package Refit
dotnet add package Refit.HttpClientFactory

Create interface

public interface IGithubApi
{
    [Get("/users/{userName}")]
    Task<User?> GetUserAsync(string username, CancellationToken cancellationToken = default);
}
public class User
{
    [JsonPropertyName("id")]
    public long Id { get; set; }
    [JsonPropertyName("login")]
    public string Login { get; set; } = string.Empty;
    [JsonPropertyName("avatar_url")]
    public string AvatarUrl { get; set; } = string.Empty;
}

Configure refit client

builder.Services
    .AddRefitClient<IGithubApi>()
    .ConfigureHttpClient(c =>
    {
        c.BaseAddress = new Uri("https://api.github.com");
        c.DefaultRequestHeaders.UserAgent.TryParseAdd("request");
    });

Map endpoint

app.MapGet("github/{userName}", async (
    IGithubApi githubApi,
    [FromRoute] string userName,
    CancellationToken cancellationToken) =>
{
    var response = await githubApi.GetUserAsync(userName, cancellationToken);
    return Results.Ok(response);
});

References

Refit nuget package

Configure multiple AI providers

Sat, 21 Jun 2025 00:00:00 GMT

Define providers in appsettings.json/appsettings.*.json

{
  "ProviderSettings": {
    "Gemini": {
      "Endpoint": "https://generativelanguage.googleapis.com/v1beta",
      "ApiKey": "",
      "DefaultModel": "gemini-2.0-flash-exp"
    },
    "Mistral": {
      "Endpoint": "https://api.mistral.ai/v1",
      "ApiKey": "",
      "DefaultModel": "mistral-large-2407"
    },
    "OpenRouter": {
      "Endpoint": "https://openrouter.ai/api/v1",
      "ApiKey": "",
      "DefaultModel": "google/gemini-2.0-pro-exp-02-05:free"
    },
    "Ollama": {
      "Endpoint": "http://127.0.0.1:11434/v1",
      "ApiKey": "",
      "DefaultModel": "command-r7b"
    }
  }
}

Create config classes

public class ProviderConfiguration
{
    public string Endpoint { get; set; } = string.Empty;
    public string ApiKey { get; set; } = string.Empty;
    public string DefaultModel { get; set; } = string.Empty;
}

public class ProviderSettings
{
    public ProviderConfiguration Gemini { get; set; } = default!;
    public ProviderConfiguration Mistral { get; set; } = default!;
    public ProviderConfiguration OpenRouter { get; set; } = default!;
    public ProviderConfiguration Ollama { get; set; } = default!;
}

builder.Services.Configure<ProviderSettings>(
    builder.Configuration.GetSection(nameof(ProviderSettings)));

Install OpenAI package
```
dotnet add package OpenAI
```

Use in endpoint

app.MapGet("", async (
    IOptions<ProviderSettings> options,
    string prompt,
    CancellationToken cancellationToken) =>
{
    var provider = options.Value.Gemini;

    var client = new ChatClient(
        provider.DefaultModel,
        new ApiKeyCredential(provider.ApiKey),
        new OpenAIClientOptions { Endpoint = new Uri(provider.Endpoint) }
    );

    var result = await client.CompleteChatAsync([prompt], cancellationToken);
    return Results.Ok(result.Value.Content);
});

:::note You can switch to other providers like `options.Value.Mistral`, `options.Value.Ollama`, etc. :::

References

OpenAI nuget package

My top Visual Studio shortcuts

Fri, 20 Jun 2025 00:00:00 GMT

📝 Code editing

Alt + 🔼/🔽 ➡️ Move line up/down

🧭 Navigation

Ctrl + T ➡️ Code Search
Ctrl + F12 ➡️ Go to implementation

🐞 Debugging

F5 ➡️ Start/continue debugging
Ctrl + F5 ➡️ Start without debugging

🔲 Multi caret and selection

Shift + Alt + . ➡️ Insert next matching caret
Shift + Alt + ; ➡️ Insert all matching carets

📚 Projects and solutions

Ctrl + Shift + B ➡️ Build solution

References

Keyboard shortcuts in Visual Studio

Deploy this pages

Thu, 19 Jun 2025 00:00:00 GMT

:::note I already have npm installed on my machine and have set up GitHub Pages. :::

Create blog repository:
- Generate a new repository from this template.
Run npm install -g pnpm to install pnpm .
Run pnpm install to install dependencies.

Add deploy.yml file to .github/workflows folder.

name: Deploy to GitHub Pages
on:
    push:
        branches: [ main ]
    workflow_dispatch:
permissions:
    contents: read
    pages: write
    id-token: write
jobs:
    build:
        runs-on: ubuntu-latest
        steps:
        - name: Checkout your repository using git
            uses: actions/checkout@v4
        - name: Install, build, and upload your site
            uses: withastro/action@v3
    deploy:
        needs: build
        runs-on: ubuntu-latest
        environment:
        name: github-pages
        url: ${{ steps.deployment.outputs.page_url }}
        steps:
        - name: Deploy to GitHub Pages
            id: deployment
            uses: actions/deploy-pages@v4

Edit the config file src/config.ts.

export const siteConfig: SiteConfig = {
    title: "Slimaeus",
    subtitle: "My profile",
    //...
}

Edit the file astro.config.ts.

export default defineConfig({
    site: "https://slimaeus.github.io/",
    //...
})

Create .nojekyll empty file to the root folder.
Run pnpm run format and pnpm run lint
Commit and push.

References

Fuwari template

Install pnpm

Deploy Astro with Github Pages

Slimaeus

React and CRXJS Extension quick start

Prerequisites

Steps

References

Melon Loader setup

Prerequisites

Steps

References

Google Kubernetes Engine quick start

Prerequisites

Steps

References

Angular with Bootstrap setup

Prerequisites

Steps

References

Free Apis

Add portfolio to "developer-portfolios" repository

References

Install n8n

Prerequisites

Steps

:::caution You shouldn't put secrets in the file, as I did. It's just for example. :::

References

Install Strapi

Prerequisites

Steps

References

Configure Refit

References

Configure multiple AI providers

:::note You can switch to other providers like options.Value.Mistral, options.Value.Ollama, etc. :::

References

My top Visual Studio shortcuts

📝 Code editing

🧭 Navigation

🐞 Debugging

🔲 Multi caret and selection

📚 Projects and solutions

References

Deploy this pages

References

:::note You can switch to other providers like `options.Value.Mistral`, `options.Value.Ollama`, etc. :::