Hello World

Welcome to my new portfolio. This site is built with Next.js 14 (App Router) and TailwindCSS, designed to be fast, accessible, and easy to manage using Decap CMS.

Why this stack?

I chose this stack because it offers the best balance between performance, developer experience, and scalability.

Code Example

Here is a snippet of how I implemented the code block component:

import React, { useState } from "react";
import { Check, Copy } from "lucide-react";

export default function CodeBlock({ children, ...props }: CodeBlockProps) {
  const [isCopied, setIsCopied] = useState(false);

  // ... implementation details
  
  return (
    <pre {...props}>
      {children}
    </pre>
  );
}

Images in Content

We can also embed images directly in the content:

This makes it easy to write full tutorials!