Commit Emocional (Only Spanish)
More than just a blog, this is a space for introspection on mental health and life philosophy. I chose to build my own platform from scratch to have full control over the reading experience and user interaction. The result is a minimalist site that prioritizes content honesty powered by a cutting-edge technical infrastructure.
Tech Stack & Decisions
- Next.js 16 & React 19: Utilizing the latest versions to implement Server Components and the Turbo engine, achieving near-instant navigation that respects the reader's flow.
- Payload CMS 3.0: I opted for this code-first CMS because it integrates directly into the Next.js process. This allows me to manage articles and media without an external backend server, keeping the entire codebase unified.
- Better Auth: Implemented for user identity management with Google OAuth. I chose it for its lightweight nature and how seamlessly it handles the commenting system, enabling secure community engagement.
- Tailwind CSS 4.0 & Framer Motion: The design focuses on a clean aesthetic. I use Tailwind for efficient styling and Framer Motion for subtle transitions that guide user attention without being distracting.
- Vercel Postgres: A robust relational database setup to manage the relationships between posts, users, and comment threads.
Technical Highlights
- Unified Architecture: Integrated the CMS, Auth, and Frontend into a single Vercel deployment, optimizing performance and simplifying the CI/CD pipeline.
- Secure Interaction: Configured Better Auth to handle persistent sessions, ensuring a smooth UX for users engaging in the comment section.
- Lexical Content Management: Implemented a modern rich-text editor that allows for flexible content structuring while ensuring optimal rendering across all devices.
- Full Type Safety: Leveraging Payload’s automated type generation, the frontend consumes database records with 100% type safety, eliminating runtime errors.