# Barayuda Gautama

> Remote-ready software engineer shipping high-impact Next.js/Nuxt.js + TypeScript products with strong UI/UX, accessibility, and performance.

## Machine-Readable Files
- [LLMs Index](https://www.barayuda.web.id/llms.txt): Concise site index for language models and agents.
- [LLMs Full Profile](https://www.barayuda.web.id/llms-full.txt): Deeper professional profile and public writing map.

## Recommended Reading Order
1. [Remote-ready Software Engineer](https://www.barayuda.web.id/)
2. [Resume](https://www.barayuda.web.id/resume)
3. [Portfolio](https://www.barayuda.web.id/portfolio)
4. [Hire Me](https://www.barayuda.web.id/hire-me)
5. [Blog](https://www.barayuda.web.id/blog)
6. [Developer Tools](https://www.barayuda.web.id/tools)
7. [LLMs Full Profile](https://www.barayuda.web.id/llms-full.txt)

## Best Context For Hiring
- [Remote-ready Software Engineer](https://www.barayuda.web.id/): Remote-ready software engineer shipping high-impact Nuxt.js or Next.js + TypeScript products with strong UI/UX, accessibility, and performance. Open to remote roles.
- [Resume](https://www.barayuda.web.id/resume): Up-to-date resume for Barayuda Gautama with ATS-friendly format. Printable and exportable as PDF.
- [Portfolio](https://www.barayuda.web.id/portfolio): Selected work, case studies, and product highlights.
- [Hire Me](https://www.barayuda.web.id/hire-me): Looking for a remote-ready frontend engineer / product designer? Send a short message to Barayuda and share what you’re building.
- [Blog](https://www.barayuda.web.id/blog): Articles and notes on software engineering, UI/UX, and building on the web.

## Agent Usage Notes
- Start with the homepage, resume, portfolio, and hire page for professional context.
- Use [LLMs Full Profile](https://www.barayuda.web.id/llms-full.txt) when you need more detail than this index provides.
- Cite canonical absolute URLs from this file when referencing pages, posts, or tools.

## Featured Engineering Topics
### AI And Agent Workflows
- [MCP in the IDE: What It Is and How to Use It](https://www.barayuda.web.id/blog/mcp-in-the-ide-what-it-is-and-how-to-use-it): Model Context Protocol (MCP) is a standard way to connect AI assistants in your IDE to tools like files, Git, databases, and internal services—safely and consistently.
- [Agents Skills: Building Reusable Agent Behaviors](https://www.barayuda.web.id/blog/agents-skills-building-reusable-agent-behaviors): Agent skills are reusable, scoped behaviors that make assistants consistent and safe. This guide covers what they are, how to design them, and how to ship them in teams.
- [RAG (Retrieval-Augmented Generation) Explained](https://www.barayuda.web.id/blog/rag-retrieval-augmented-generation): RAG is a pattern that lets an LLM answer with your data by retrieving relevant context first, then generating a response grounded in that context.
- [How to Be a Good Software Engineer in the Age of AI](https://www.barayuda.web.id/blog/how-to-be-a-good-software-engineer-in-the-age-of-ai): AI raises the baseline for speed—but also for correctness, security, and ownership. Here’s a practical playbook for staying valuable and shipping high-impact work with AI in the loop.

### Frontend Performance And Quality
- [Next.js Rendering Strategies: CSR, SSR, SSG, ISR, and PPR](https://www.barayuda.web.id/blog/nextjs-csr-ssr-ssg-isr-ppr): A practical guide to Next.js rendering: what CSR/SSR/SSG/ISR/PPR mean, how they work in the App Router, and when to use each.
- [Core Web Vitals + PWA: Performance That Feels Instant (and Stays Reliable)](https://www.barayuda.web.id/blog/core-web-vitals-pwa-performance-that-feels-instant-and-stays-reliable): A practical, deep guide to Core Web Vitals (LCP/CLS/INP) and Progressive Web Apps—how they work, how to measure them, and how to ship a fast, installable site without breaking UX.
- [Demystifying WCAG: The Gold Standard for Web Accessibility in 2026](https://www.barayuda.web.id/blog/demystifying-wcag-web-accessibility-2026): WCAG isn’t just compliance. It’s a practical, testable checklist for building inclusive websites that work better for everyone—and often rank better too.
- [E2E Testing This Next.js App with Playwright (Team-Friendly Reports)](https://www.barayuda.web.id/blog/e2e-testing-playwright-team-friendly-reports): A practical E2E testing approach for this repo: cover real user flows, run in CI, and publish readable reports for review.

### Platforms And Architecture
- [MongoDB vs SQLite: Differences, Pros/Cons, and When to Use Each](https://www.barayuda.web.id/blog/mongodb-vs-sqlite): A practical comparison of MongoDB and SQLite: what they are, how they differ, pros/cons, and when each one makes sense in real projects.
- [PHP in Production: Nginx, LiteSpeed, FrankenPHP, Caddy, and the Modern Server Stack (2026)](https://www.barayuda.web.id/blog/php-in-production-nginx-litespeed-frankenphp-caddy-and-the-modern-server-stack-2026): PHP can run behind many servers: Nginx+PHP-FPM, LiteSpeed+LSAPI, Caddy, or newer stacks like FrankenPHP. This deep guide explains how each works, what to choose for WordPress/Laravel, and the tuning, security, and caching patterns that matter in production.
- [WordPress as a Headless CMS: Architecture, Workflow, and Best Practices (2026)](https://www.barayuda.web.id/blog/wordpress-as-a-headless-cms-architecture-workflow-and-best-practices-2026): Headless WordPress keeps the editor experience while letting you ship a modern frontend. This deep guide covers architecture, REST vs GraphQL, content modeling, previews, webhooks, caching, SEO, and common production pitfalls.
- [The Difference Between .mjs, .cjs, and .js Files in Node.js](https://www.barayuda.web.id/blog/the-difference-between-mjs-cjs-and-js-files-in-node-js): Node.js supports two module systems (ESM and CommonJS). The file extensions .mjs/.cjs and the package.json "type" field decide which one you’re using—and that affects imports, tooling, and publishing.

## Developer Tools
### Structured Data And Text
- [JSON Formatter](https://www.barayuda.web.id/tools/json-formatter): Format, minify, and validate JSON.
- [Markdown Preview](https://www.barayuda.web.id/tools/markdown-preview): Live preview Markdown while typing.
- [URL Encode/Decode](https://www.barayuda.web.id/tools/url-encode): Encode/decode URLs, query strings, and parameter values.
- [Base64 Encode/Decode](https://www.barayuda.web.id/tools/base64): Encode/decode Base64 (text or file).
- [URL Slug Generator](https://www.barayuda.web.id/tools/slug-generator): Generate clean URL slugs.

### Security And Tokens
- [Hash Generator](https://www.barayuda.web.id/tools/hash-generator): Generate SHA hashes for text or files locally in your browser.
- [JWT Builder](https://www.barayuda.web.id/tools/jwt-builder): Build and sign JWTs (HS*).
- [JWT Viewer](https://www.barayuda.web.id/tools/jwt-viewer): Decode JWTs and verify HS*.
- [PASETO Builder](https://www.barayuda.web.id/tools/paseto): Generate and verify PASETO tokens.
- [PASETO Viewer](https://www.barayuda.web.id/tools/paseto-viewer): Decode and verify PASETO tokens.

### Frontend And Delivery Utilities
- [Color Contrast Checker](https://www.barayuda.web.id/tools/color-contrast): Calculate contrast ratios for text/background colors to meet WCAG standards.
- [RegEx Playground](https://www.barayuda.web.id/tools/regex-playground): Test JavaScript regular expressions against input text (matches, groups, replace preview).
- [Gitignore Generator](https://www.barayuda.web.id/tools/gitignore): Generate .gitignore templates.
- [PDF Toolkit](https://www.barayuda.web.id/tools/pdf-toolkit): Merge, split, and compress PDFs locally.
- [Image Compressor](https://www.barayuda.web.id/tools/image-compressor): Compress JPG, JPEG, and PNG images locally in your browser.

## Optional Pages
- [Books](https://www.barayuda.web.id/books): Books I’m reading, revisiting, and recommending.
- [Papers](https://www.barayuda.web.id/papers): Selected papers, notes, and write-ups.
- [Guestbook](https://www.barayuda.web.id/guestbook): Leave a note for Barayuda — entries are reviewed before they are published.
- [UI Showcase](https://www.barayuda.web.id/showcase): A living catalog of reusable UI components used across barayuda.web.id.