Hello World! 👋
Welcome to my new portfolio website. I finally decided to build a proper home on the internet to document my journey, share engineering insights, and showcase the projects I am working on.
This blog is powered by MDX, which allows me to mix standard Markdown with dynamic React components. It is the perfect blend of writing and coding.
Under the Hood
I believe that a portfolio should be a reflection of one's technical philosophy. I built this site to be fast, accessible, and easy to maintain.
Here is the stack I chose for this project:
| Category | Technology | Reason |
|---|---|---|
| Framework | Next.js (App Router) | For server-side rendering and optimal performance. |
| Styling | Tailwind CSS | For rapid, utility-first UI development. |
| Content | MDX | To treat content as data with component capabilities. |
| Deployment | Vercel | For seamless CI/CD and edge deployment. |
Code Snippet Test
Since I will be writing technical tutorials, syntax highlighting is a must. Here is a quick TypeScript snippet to test the rendering:
interface Developer {
id: number;
name: string;
skills: string[];
isOpenToWork: boolean;
}
const me: Developer = {
id: 1,
name: "Software Engineer",
skills: ["TypeScript", "React", "Cloud Architecture"],
isOpenToWork: true,
};
console.log(`Ready to build: ${me.isOpenToWork}`);Interactive Elements
Because this is MDX, I can embed custom components directly into the flow of the article. For example, if you are a recruiter or a potential client looking for a quick summary:
Let's Build Something Amazing
I am currently available for new projects and collaborations.
What's Next?
In the coming weeks, I plan to publish articles about:
- System Design: Deep dives into scalable architecture.
- DevOps: My experience with CI/CD pipelines and cloud infrastructure.
- Tutorials: Practical guides on modern web development.
Stay tuned!