Technical Stack

Framework: Next.js 14 with TypeScript
Styling: Tailwind CSS with custom theme
Content: MDX files with React components
Images: iPhone photos or random images i find (if for whatever reason it is somehow your image or your uncomfortable with it please please dont hesitate to contact me i can take anything down whenever necessary) Development: Cursor IDE
Deployment: Vercel with custom domain (tomsvirtualdiary.com)
Hosting: Static site generation for fast loading

Key Features:

• Photo carousel with click-to-expand
• Sortable entries (newest/oldest)
• Time display for each entry
• Responsive design for mobile
• RSS feed generation
• Dark mode support

File Structure:

• Content: content/*.mdx files
• Images: public/*.jpg files
• Components: React with TypeScript
• Styling: Tailwind with CSS variables

Built as a static site with no database required.

thank you to all the people who love me and support me