julianaijal.com

My personal website and blog, built with modern web technologies.

🌐 Visit Website · 📝 Read Blog · 📫 Contact

✨ Features

• Modern, responsive design
• Dynamic article pages with rich content
• Optimized performance and SEO
• Analytics and insights tracking
• Automated deployments

🛠️ Built With

• Core: Next.js 15, TypeScript, SASS
• Content: Hygraph CMS, Vercel Postgres
• Analytics: Vercel Analytics, Speed Insights, Google Analytics 4, Google Tag Manager
• Performance: React Scan component monitoring
• Infrastructure: Vercel Platform
• Code Quality: ESLint, TypeScript

🚀 Quick Start

Installation

# Clone the repository
git clone https://github.com/julianaijal/julianaijal.com.git

# Navigate to project directory
cd julianaijal.com

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env.local  # Then edit with your values

# Start development server
npm run dev

Visit http://localhost:3000 to see the site.

🔧 Available Scripts

npm run dev          # Start development server
npm run build        # Build for production + generate sitemap
npm run start        # Start production server
npm run lint         # Run ESLint
npm run generate-sitemap # Generate sitemap

📝 Project Structure

/app                 # Next.js app directory
  /_components       # Shared components
  /_hooks           # Shared hooks
  /_lib             # Utility functions
  /articles         # Article pages
  /hooks            # App hooks
  /styles           # Global styles
  /types            # TypeScript types
  /utils            # Utility functions
/config             # Configuration files
/public             # Static assets
/scripts            # Build scripts (sitemap generation)

📈 Performance

The site is optimized for performance and SEO:

• Vercel Analytics and Speed Insights integration
• React Scan for component monitoring
• Server-side rendering with Next.js
• Optimized images with webp-converter
• Automated sitemap generation

🌐 Deployment

The site automatically deploys to Vercel when changes are pushed to the main branch. Each deployment includes:

• Next.js production build optimization
• Automated sitemap generation
• Web vitals monitoring

📫 Contact

hello @ julianaijal dot com