Follow my channel for video tips, tricks and tutorials.
-
Clone the project
git clone https://github.com/santhosh2r2/youtube santhosh-blog
-
Setup
pnpm
# install pnpm curl -fsSL https://get.pnpm.io/install.sh | sh - # download and use latest `LTS` version of node pnpm env use --global lts
-
Install
playwright
pnpm exec playwright install
-
Set alias in the shell configuration file, for e.g.
bashrc
orconfig.fish
alias pn=pnpm
-
Create an entry in the file
src/components/projects.ts
having the following fields.- title
- description
- imageUrl
- link
- tags
-
imageUrl
- for the project card image, a sample image is stored in the folderpublic\resource\projects
folder -
link
- shows the path of the project. Usually, with the github base url. -
Sample project entry
{ title: "Simple OPCUA Server and Client", description: "A demo project", imageUrl: "/youtube/resource/projects/02-simple-opcua-server-and-client.png", link: "/youtube/projects/simple-opcua-server-and-client/", tags: [".net", "python", "IoT", "OPC-UA", "docker"], },