# Rafael Thayto

> Personal blog about software engineering, web development, and technology. Written in Portuguese (BR) and English.

## Blog Posts (Portuguese)

- [Como Deixar a Sugestão de Arquivos do Claude Code Mais Rápida](https://thayto.com/blog/claude-code-faster-file-suggestion.md): Aprenda a melhorar a sugestão de arquivos do Claude Code usando fzf para fuzzy matching, suporte a symlinks e melhor performance.
- [Micro Frontends com Next.js Multi Zones](https://thayto.com/blog/microfrontends-next-js-multi-zones.md): Quando estamos desenvolvendo uma aplicação Web e ela acaba escalando, geralmente precisamos de um time. Quando essa aplicação escala mais ainda, precisamos de mais times trabalhando na mesma aplicação.
- [Deploy sem downtime com Docker Compose em VPS OCI usando GitHub Actions](https://thayto.com/blog/zero-downtime-deployment-with-docker-compose-in-an-oci-vps-using-github-actions.md): Primeiro, você precisa ter um VPS Linux (vou usar Ubuntu 22 nesse tutorial). Tags: docker, devops, github actions, linux, tutorial.
- [Expondo seu localhost com Ngrok (muito útil para testar webhooks)](https://thayto.com/blog/expondo-seu-localhost-com-ngrok.md): Estava precisando fazer alguns testes de webhooks, porém só conhecia uma maneira que seria deployar a app e só assim conseguir testar os webhooks. Esse método funciona e é muito utilizado por devs. Mas ele tem um problema... todo teste você vai precisar deployar novamente sua aplicação e isso leva bastante tempo.
- [TypeScript - Como pegar uma string no seu Literal Types](https://thayto.com/blog/ts-como-pegar-string-no-seu-literal-types.md): Não vou enrolar nada. Basicamente é só você utilizar o Utility Type Extract do próprio TypeScript e boa!
- [TypeScript - Template Literal Types](https://thayto.com/blog/typescript-template-literal-types.md): Template Literal Types é um bglh insano que expande as possibilidades do que já era possível com o string literals + unions do TS, dá uma olhada! Ele tem a mesma sintaxe do template literal string do JavaScript.
- [Como abrir o Visual Studio Code (VSCode) dentro do GitHub](https://thayto.com/blog/como-abrir-o-vscode-direto-do-github.md): Todo dev já precisou em algum momento editar um arquivo dentro do GitHub e se deparou com essa tela de edição padrão do próprio GitHub
- [Diferença entre os operadores ?, ?? e || no JavaScript / TypeScript](https://thayto.com/blog/diferenca-entre-operadores-js-ts.md): ? -> Optional Chaining Operator. Permite a leitura do valor de uma propriedade localizada internamente em uma cadeia de objetos conectados, sem que a validação de cada referência da cadeia seja expressivamente realizada.
- [Turbinando seu git bash (Windows) adicionando aliases (como se fosse o git plugin do zsh)](https://thayto.com/blog/turbinando-seu-git-bash-windows-adicionando-aliases-como-se-fosse-o-git-plugin-do-zsh.md): Nesse guia simples vou mostrar como turbinar o seu git bash com aliases que vão facilitar e agilizar muito na hora de fazer seus commits, pulls, pegarem logs, trocarem de branch, rebases, merges, etc..
- [Como configurar o deploy do Turborepo no Netlify](https://thayto.com/blog/como-configurar-o-deploy-do-turborepo-no-netlify.md): Um dia desses passei por uma dificuldade que foi fazer o deploy de uma aplicação minha utilizando Turborepo com Next.js e como acredito que mais pessoas possam ter esse problema, resolvi fazer um guia de como fazer as configurações iniciais, bora lá?
- [Como 'settar' a versão default do Node usando nvm](https://thayto.com/blog/como-settar-a-versao-default-do-node-usando-nvm.md): Pra quem ainda não conhece, o `nvm` é um excelente utilitário pra quando estamos querendo trocar a versão do node com agilidade sem precisar desinstalar a atual e instalar a desejada.

## Blog Posts (English)

- [Quick Guide to Make Claude Code File Suggestion Faster](https://thayto.com/en/blog/claude-code-faster-file-suggestion.md): Learn how to improve Claude Code file suggestion with fzf for proper fuzzy matching, symlink support, and better performance.
- [Micro Frontends with Next.js Multi Zones](https://thayto.com/en/blog/microfrontends-next-js-multi-zones.md): When we're developing a Web application and it ends up scaling, we usually need a team. When that application scales even more, we need more teams working on the same application.
- [Zero Downtime Deployment with Docker Compose in an OCI VPS using GitHub Actions](https://thayto.com/en/blog/zero-downtime-deployment-with-docker-compose-in-an-oci-vps-using-github-actions.md): First, you must have a Linux VPS (Ill use Ubuntu 22 in this tutorial). Tagged with docker, devops, github actions, linux, tutorial.
- [Exposing Your Localhost with Ngrok (Very Useful for Testing Webhooks)](https://thayto.com/en/blog/expondo-seu-localhost-com-ngrok.md): I needed to test some webhooks, but only knew one way which would be to deploy the app and only then be able to test the webhooks. This method works and is widely used by devs. But it has a problem... every test you need to deploy your application again and that takes quite some time.
- [TypeScript - How to Extract a String from Your Literal Types](https://thayto.com/en/blog/ts-como-pegar-string-no-seu-literal-types.md): I won't beat around the bush. Basically just use TypeScript's Extract Utility Type and that's it!
- [TypeScript - Template Literal Types](https://thayto.com/en/blog/typescript-template-literal-types.md): Template Literal Types is really cool and expands the possibilities of what was already possible with string literals + unions in TS, check it out! It has the same syntax as JavaScript template literal strings.
- [How to Open Visual Studio Code (VSCode) Inside GitHub](https://thayto.com/en/blog/como-abrir-o-vscode-direto-do-github.md): Every developer at some point has needed to edit a file inside GitHub and encountered this standard GitHub editing screen
- [Difference Between the ?, ?? and || Operators in JavaScript / TypeScript](https://thayto.com/en/blog/diferenca-entre-operadores-js-ts.md): ? -> Optional Chaining Operator. Allows reading the value of a property located internally in a chain of connected objects without having to explicitly validate each reference in the chain.
- [Supercharging Your Git Bash (Windows) by Adding Aliases (Like the zsh git plugin)](https://thayto.com/en/blog/turbinando-seu-git-bash-windows-adicionando-aliases-como-se-fosse-o-git-plugin-do-zsh.md): In this simple guide I'll show you how to supercharge your git bash with aliases that will make it much easier and faster when making your commits, pulls, getting logs, switching branches, rebases, merges, etc.
- [How to Configure Turborepo Deployment on Netlify](https://thayto.com/en/blog/como-configurar-o-deploy-do-turborepo-no-netlify.md): The other day I faced a challenge deploying one of my applications using Turborepo with Next.js and since I believe more people might have this problem, I decided to make a guide on how to do the initial configurations, let's go?
- [How to Set the Default Node Version Using nvm](https://thayto.com/en/blog/como-settar-a-versao-default-do-node-usando-nvm.md): For those who don't know yet, `nvm` is an excellent utility for when we want to switch Node versions quickly without having to uninstall the current one and install the desired one.

## Books

- [Books / Livros](https://thayto.com/books.md): Rafael Thayto's personal library — books read, currently reading, and to-read, with star ratings.

## About

- [About Rafael Thayto](https://thayto.com/about): Senior Software Engineer, blogger, and open source contributor.