Personal Website

This website showcases a collection of projects I have contributed to, and I’m particularly proud of its use of cutting-edge technologies and frameworks that reflect the knowledge I’ve gained throughout my career. It also introduces the AI tool Cursor to assist in building the website.

Key Features

• Nx Monorepo: Organizes the codebase for scalability and modularity.
• Modern Frameworks: Built using Next.js 15 and React 19.
• tRPC Integration: End-to-end type-safe API communication.
• Live Content with Sanity: Integrated with Sanity’s Live Content API for real-time updates.
• AI-Assisted Testing & Dev: Leveraged tools like Cursor to streamline development and generate meaningful tests.
• Storybook: Visual component explorer and documentation.
• Testing Suite: Includes unit tests (Vitest) and end-to-end tests (Playwright).
• Netlify Deployment: Easily deployed and maintained with Netlify.

Development Process

• Monorepo Setup: Initialized using Nx to structure multiple apps and libraries.

Folder Structure

• Sanity Integration: Configured a headless CMS using Sanity with live content editing.
• Backend Routing: tRPC was implemented to handle API logic with full TypeScript safety.
• AI Tooling: Cursor was an invaluable assistant in writing and refactoring code, especially for tests and CLI tasks.

Cursor Panel