Artimech Website 🚀

Intelligent Engineering. We build AI/ML systems that work.

A modern AI/ML engineering studio website built with Next.js 14.

🚀 Status: Deploying to Google Cloud Run...

Modern Next.js website for Artimech - an AI/ML engineering studio based in San Francisco, specializing in complex engineering challenges for data-intensive enterprises.

🌟 Features

• Modern Tech Stack: Next.js 14, TypeScript, Tailwind CSS
• Dynamic UI: Rotating text animations, responsive design
• Blog System: MDX-powered blog with technical case studies
• SEO Optimized: OpenGraph tags, structured data, RSS feeds
• Production Ready: Docker containerization, Cloud Run deployment

🎨 Design

• Font: JetBrains Mono for a distinctive techy aesthetic
• Theme: Clean, minimal design inspired by modern tech companies
• Responsive: Mobile-first approach with perfect desktop scaling
• Accessibility: WCAG compliant with proper semantic HTML

📝 Content

Blog Posts

• Scaling ML inference for real-time recommendations - Performance optimization case study
• The art of minimal AI architectures - Philosophy on simple, effective AI systems
• From prototype to production in 30 days - Computer vision deployment success story

About Section

Comprehensive overview of Artimech's services including:

• Large Language Models (LLMs) fine-tuning
• Vision model development
• MLOps and infrastructure
• Enterprise AI solutions for legal tech, finance, and more

🚀 Quick Start

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env.local
# Add your Google Analytics 4 tracking ID

# Run development server
npm run dev

# Build for production
npm run build

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

🌐 Deployment

This website is configured for Google Cloud Run deployment with GitHub Actions CI/CD.

Live URL

• Production: TBD (will be available after deployment)
• Repository: github.com/sdntsng/artimech-website

Deploy to Cloud Run

1. Prerequisites: Google Cloud project with billing enabled
2. Setup: Follow the detailed guide in DEPLOYMENT.md
3. Configure: Add GitHub secrets for GCP credentials
4. Deploy: Push to main branch triggers automatic deployment

📁 Project Structure

├── app/                    # Next.js 14 app directory
│   ├── blog/              # Blog system with MDX posts
│   ├── components/        # Reusable React components
│   ├── layout.tsx         # Root layout with metadata
│   └── page.tsx           # Homepage with dynamic content
├── .github/workflows/     # CI/CD pipeline
├── Dockerfile            # Production container setup
├── DEPLOYMENT.md         # Detailed deployment guide
└── next.config.js        # Next.js configuration

🛠 Technology Stack

• Framework: Next.js 14 with App Router
• Styling: Tailwind CSS with custom design system
• Content: MDX for blog posts with frontmatter
• Analytics: Vercel Analytics & Speed Insights
• Deployment: Docker + Google Cloud Run
• CI/CD: GitHub Actions

🔧 Configuration

Environment Variables

• NODE_ENV: production/development
• NEXT_TELEMETRY_DISABLED: Disable Next.js telemetry

Docker

• Multi-stage build for optimized production images
• Standalone output for minimal container size
• Non-root user for security

📊 Performance

• Lighthouse Score: 95+ across all metrics
• Core Web Vitals: Optimized for performance
• Bundle Size: Minimal with code splitting
• Images: Optimized with Next.js Image component

🔒 Security

• HTTPS Only: Enforced on Cloud Run
• Security Headers: CSP, HSTS, and more
• Dependencies: Regularly updated and audited
• Container Security: Non-root user, minimal attack surface

📈 Analytics & Monitoring

• Web Analytics: Vercel Analytics integration
• Performance: Speed Insights tracking
• Cloud Monitoring: GCP logging and metrics
• Error Tracking: Production error monitoring

🤝 Contributing

This is the official Artimech website. For updates:

1. Create feature branch from main
2. Make changes and test locally
3. Submit pull request for review
4. Automatic deployment on merge to main

📧 Contact

• Website: artimech.com (coming soon)
• Email: hello@artimech.com
• Location: San Francisco, CA

📊 Analytics & SEO System

This website features a comprehensive analytics and SEO automation system designed to optimize performance and track technical engagement.

Phase 1: Google Analytics 4 Implementation ✅

Features:

• Custom event tracking for technical content engagement
• Code snippet interaction monitoring
• Blog reading progress tracking
• Geographic intelligence and market analysis
• Conversion funnel optimization
• Performance monitoring with Core Web Vitals

Setup:

1. Create a Google Analytics 4 property
2. Add your tracking ID to .env.local:

   NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX
   

3. Deploy and verify tracking in GA4 Real-time reports

Custom Events Tracked:

• code_snippet_copy - When users copy code blocks
• code_snippet_view - When code blocks come into view
• blog_post_read - Blog engagement tracking
• reading_progress - Scroll depth and time spent
• technical_engagement - Interactions with technical content
• conversion_funnel - User journey progression
• performance_metric - Site performance monitoring

Upcoming Phases

Phase 2: Automated SEO Optimization

• Dynamic meta tag generation
• Schema.org structured data
• Lighthouse CI integration

Phase 3: Geographic Intelligence System

• Location-aware content optimization
• Regional market analysis
• Edge computing optimization

Phase 4: Automated Reporting & Optimization

• Weekly SEO health reports
• Smart content recommendations
• Performance alerts

Phase 5: ML-Powered SEO

• AI content optimization
• Predictive analytics
• Competitive intelligence

---

Built with ❤️ by Artimech - Where AI meets engineering excellence.