
```
mkfile 10m mytestfile.pdf
```


Source: 
https://twitter.com/1stevengrant/status/1511981651101986817?s=20


Create fake file to test file upload



https://janelloi.com/text-shortcuts/


Full name zj
Email address @@j (create different @@ for personal & work accounts)
Home address zadd
Phone number(s) znum or z#


Using Keyboard Shortcut Mac/iPhone


Create your own itinerary in google maps and share with anyone, also it's great to embed in any website using iframe.

Following articles, shows how to create one, add points on map, directions, photos and more. Also if you have your own map you can import that.

https://support.google.com/mymaps/answer/3024454?hl=en&amp%3Bref_topic=3188329

Example of using map in travel blogs - https://www.earthtrekkers.com/two-week-american-southwest-road-trip/


Create your own google maps


https://notiz.dev/blog/how-to-manage-multiple-node-versions-on-mac

### Install via Hombrew

```shell
brew install node@<version>

# latest version
brew install node

# LTS 12
brew install node@16

# 18
brew install node@18
```

Check current version of node

```shell
    node -v # v13.11.0
    which node # /usr/local/bin/node => /usr/local/opt/node@<version>/bin/node
```

Add an alias to your .zshrc or .bash_profile for each installed Node version. Node is installed at `/usr/local/opt/node@<version>/bin`

```bash
alias node13='export PATH="/usr/local/opt/node@13/bin:$PATH"'
alias node12='export PATH="/usr/local/opt/node@12/bin:$PATH"'
alias node10='export PATH="/usr/local/opt/node@10/bin:$PATH"'
```

Now, to switch between the node versions, enter an alias node10 in your terminal. Execute node -v to verify that you are now using the correct node version.


How to use multiple node versions in macOS



- https://github.com/github/gitignore
- https://www.toptal.com/developers/gitignore

Gitignore files


https://www.pixelite.co.nz/article/add-prismjs-to-ghost/


Using prismjs in ghost


_Updated on 2022-05-25_

### How to setup new MacBook

Automation script for new mac.

- https://github.com/varunyn/laptop/blob/master/README.md

```shell
curl --remote-name https://raw.githubusercontent.com/varunyn/laptop/master/mac
sh mac 2>&1 | tee ~/laptop.log
```

### Apps

- Zoom: https://zoom.us/download - Video meetings
- Microsoft Todo: https://apps.apple.com/app/apple-store/id1274495053?mt=8 - Todo lists
- Notion: https://www.notion.so/desktop - Notes
- Bitwarden: https://bitwarden.com/download/ - Password manager
- Raycast: https://www.raycast.com/
- Velja: https://sindresorhus.com/velja - Powerful browser picker
- Shottr: https://shottr.cc/ - For screenshots
- Obsidian: https://obsidian.md/ - Notes

### Chrome Extension

- [Bypass Paywall](https://github.com/iamadamdev/bypass-paywalls-chrome)
- [JSONVue](https://chrome.google.com/webstore/detail/jsonvue/chklaanhfefbnpoihckbnefhakgolnmc)
- [uBlock](https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm)

### Setup terminal

- Copy dotfile - zshrc, vscode settings : https://gist.github.com/varunyn/6f3b4b965027fe6a96e36bd431a27b0e
- My terminal of choice is [iTerm2](https://www.iterm2.com/). I'm using the [Z shell](https://en.wikipedia.org/wiki/Z_shell) and [Oh My Zsh](https://ohmyz.sh/).

### Resources

- https://www.robinwieruch.de/mac-setup-web-development/
- https://notebook.lachlanjc.com/2021-03-02_automate_setting_up_new_macs/
- https://github.com/laurendorman/komputer-maschine/tree/master
- https://sourabhbajaj.com/mac-setup/
- https://www.swyx.io/new-mac-setup
- https://freek.dev/uses


macOS Tools


- [The book of Secret knowledge](https://github.com/trimstray/the-book-of-secret-knowledge) - Is collection of all the tech tools,how-tos plus inspiring list/blogs/videos
- [Learn the fundamentals of Cloud Computing](https://github.com/madebygps/self-taught-guide-to-cloud-computing)
- [100 Days of Cloud](https://github.com/100DaysOfCloud/100DaysOfCloudIdeas)
- [Awesome Docker](https://github.com/veggiemonk/awesome-docker)
- [Software Architect books](https://github.com/mhadidg/software-architecture-books)
- [Awesome React](https://github.com/enaqx/awesome-react)
- [Awesome Nextjs](https://github.com/unicodeveloper/awesome-nextjs)
- [Awesome Terraform](https://github.com/shuaibiyy/awesome-terraform)
- [Learn JS](https://wesbos.com/javascript) - Awesome guide on javascript by wesbos
- [Public APIs](https://github.com/public-apis/public-apis) - List of Public REST APIs to use for project
- [Awesome Youtubers](https://github.com/JoseDeFreitas/awesome-youtubers) - List of YouTubers that teach about technology. Tutorials about web development, computer science


Awesome Github Repos


- [k8s Tutorial](https://kubernetes.io/docs/tutorials/) - Official k8s tutorials to get started
- [Learn k8s from VMware](https://kube.academy) - K8s architecture and concepts explaination
- [Architecture explained](https://www.youtube.com/watch?v=8C_SCDbUJTg&ab_channel=KodeKloud) - Simple explanation of k8s architecture
- [k8s cheat sheet](https://github.com/dennyzhang/cheatsheet-kubernetes-A4) - List of imp and frequent used k8s command
- [kubectl-commands](https://kubernetes.io/docs/reference/generated/kubectl/kubectl-commands) - Official site for kubectl command
- [awesome-kubernetes](https://github.com/ramitsurana/awesome-kubernetes/) - Collection of all K8s resources
- [k8s production best practices](https://learnk8s.io/production-best-practices/) - Checklist for k8s production best practice
- [Autoscaling strategies](https://learnk8s.io/kubernetes-autoscaling-strategies)

- [How to organize files](https://boxunix.com/2020/05/15/a-better-way-of-organizing-your-kubernetes-manifest-files/)


Awesome Kubernetes resources


Use dependabot and github actions to update packages in your project.

To setup dependabot, first go to Settings > Security & Analysis > Dependabot security updates

<img src="/static/images/github-dependabot/1.png" />

Next go to Insights > Dependency graph > Dependabot

<img src="/static/images/github-dependabot/2.png" />

dependabot.yaml file for scanning npm packages. [Document](https://docs.github.com/en/code-security/supply-chain-security/keeping-your-dependencies-updated-automatically/configuration-options-for-dependency-updates) for setting up dependabot.yaml file

```shell
version: 2
updates:
  - package-ecosystem: "npm"
    directory: "/"
    schedule:
      interval: "weekly"
```

### Resources

- https://phuctm97.com/blog/how-to-use-dependabot


Setup dependabot in Github repo


- We can do this by creating our own chrome extension with shortcuts for the URLs that we want to open.
- Create manifest.json and background.js files in same folder.

manifest.json

```json
{
  "name": "Bookmark Shortcuts",
  "version": "1.0",
  "description": "Custom shortcuts for URLs",
  "permissions": ["tabs"],
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "all_frames": true,
      "js": ["background.js"],
      "run_at": "document_end"
    }
  ],
  "manifest_version": 3
}
```

background.js

```js
if (window == top) {
  window.addEventListener("keyup", doKeyPress, false);
}

var bookmarks = {},
  url;

bookmarks["G"] = "https://google.com";

function doKeyPress(event) {
  if (event.ctrlKey && !event.shiftKey) {
    if ((url = bookmarks[String.fromCharCode(event.keyCode)])) {
      console.log("URL", url);
      window.open(url);
    }
  }
}
```

- Within chrome, type `chrome://extensions` in the address bar and activate developer mode on the top right (switch).
- Click on the Load unpacked button that appeared and select your folder containing the files.
- Now press `ctrl+g` on keyboard and it will open google in new tab.


How to open URL in new tab using keyboard shortcut


## Table of Contents

## Create deployment

To create deployment from command line use the following command, `--dry-run` will just show resource and not create. `-o yaml` will show output as yaml

```shell
kubectl create deployment nginx-deployment --image=busybox --dry-run -o yaml
```

Few useful flags to use.

- `-r` for creating replicas. By default it is 1.

## Scale deployment

```shell
kubectl scale deployment/nginx-deployment --replicas=2
```

More in [docs](https://kubernetes.io/docs/reference/generated/kubectl/kubectl-commands#-em-deployment-em-)

## Expose deployment as service

```shell
kubectl expose deployment nginx-deployment --port=80 --target-port=8000  --type=LoadBalancer --name=my-service
```


Kubernetes Deployment 101


Dockerfile

```docker
FROM python:3.9-slim
WORKDIR /app
COPY . /app
RUN pip install -r requirements.txt
ENTRYPOINT [ "python" ]
CMD [ "app.py" ]
```

Sample Flask app to try containerize

```python
from flask import Flask

app = Flask(__name__)


@app.route("/")
def hello_world():
    return "<p>Hello, World!</p>"

port = 5100

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=port)

```

and then start the app using

```shell
python app.py
```

I am using slim image instead of alpine. Good [article](https://pythonspeed.com/articles/alpine-docker-python/) on why not to use alpine for python.
Official Docker [docs](https://docs.docker.com/language/python/build-images/) for building python image.


Building docker image for python app


https://mariestarck.com/add-google-analytics-to-your-next-js-application-in-5-easy-steps/

- [Remove internal traffic from analytics](https://www.optimizesmart.com/how-to-block-internal-traffic-in-ga4/)

Adding Google analytics


This blog/repo is a Digital Garden where I store my thoughts and pieces of information which I find helpful and you may find too.

There is lot of information out there and to remember all or organizing them in notes which often get lost is very difficult. That's why instead of waiting to write a perfect post or store it in my laptop it's good idea to write in public so that everyone can see the progress and can give feedback in the process.

I got this inspiration from [Shawn](https://twitter.com/swyx). In his [blog](https://www.swyx.io/learn-in-public/) he says

> Start building a persistent knowledge base that grows over time. At every step of the way: Document what you did and the problems you solved.

Joel describes "digital garden" in his [blog](https://joelhooks.com/digital-garden)

> The phrase "digital garden" is a metaphor for thinking about writing and creating that focuses less on the resulting "showpiece" and more on the process, care, and craft it takes to get there.

Following article by Maggie Appleton explains digital garden very well.

[A Brief History & Ethos of the Digital Garden](https://maggieappleton.com/garden-history)

Few Notes from her post:

- Gardens lean into this – there is no “final version” on a garden. What you publish is always open to revision and expansion.

- You’re freed from the pressure to get everything right immediately. You can test ideas, get feedback, and revise your opinions like a good internet citizen.

- It’s _low friction_. Gardening your thoughts becomes a daily ritual that only takes a small amount of effort. Over time, big things grow.

- Some sort of indicator of ‘how’  done is article. Horticulture metaphor:

  - 🌱 _Seedlings_ for very rough and early ideas
  - 🌿 _Budding_ for work I’ve cleaned up and clarified
  - 🌳 _Evergreen_ for work that is reasonably complete (though I still tend these over time).

- In my posts, I will use similar tags to convey how done is article.


Learning in Public


Articles on impementing webmentions in nextjs:

- https://aboutmonica.com/blog/getting-started-with-webmention-next-js
- https://www.swyx.io/clientside-webmentions/
