Uses
A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to design and code things. And yeah, that is a Johnny Mnemonic GIF in the background.
Frontend Development
- My primary frontend framework is Remix. I love its focus on performance, nested routing, and server-side rendering, making it an ideal choice for modern web applications.
- React is the core of my development workflow. With its component-driven architecture, it's my go-to for building scalable and interactive UIs.
- I use Framer Motion for adding smooth animations and enhancing the user experience in my React projects.
- To fetch and manage data efficiently, I use GraphQLwith Apollo Client. It allows for declarative and optimized data fetching.
- For headless CMS and content-driven applications, I integrate WordPressas a backend and consume its data via the GraphQL API.
- I use Storybook to develop UI components in isolation, ensuring design consistency across my applications.
Backend & API Development
- My backend stack revolves around Node.js and Express.jsfor building scalable APIs.
- I work extensively with WordPress as a headless CMS, utilizing WPGraphQL to efficiently query data for frontend applications.
- I leverage GraphQL and Apollo Serverto create flexible, declarative APIs that fetch only the data needed.
- I use PostgreSQL for relational databases and MongoDB for NoSQL-based applications.
- Authentication and security are handled with NextAuthor Auth0, ensuring secure user authentication.
- I utilize serverless computing with Vercel and Netlifyto deploy high-performance, scalable web applications.
DevOps & Tooling
- I use VSCodium as my primary code editor, with extensions for GraphQL, Remix, and Tailwind.
- My version control workflow is powered by Gitwith repositories hosted on GitHub and GitLab.
- I implement CI/CD pipelines with GitHub Actionsfor automating deployments and testing.
- For server and API performance monitoring, I use Sentryand Datadog to track and resolve issues quickly.
- My go-to cloud deployment platforms include Verceland DigitalOcean, offering seamless integration with Remix and GraphQL.
System
| Desktop | Custom built |
|---|---|
| Operating system | Arch Linux (by the way) |
| Browser | Zen Browser |
| Monitor | 1440p IPS 144hz LG 27GL850 |
| Keyboard | Tofu65 |
| Mouse | Logitech G403 |
| Laptop | Macbook Pro 14″ |
| Headphones | Audio Technica ATH-M50x/Apple Airpods |
| Microphone | Blue Yeti |