Skip to content

replit.md

Latest commit

 

History

History
62 lines (54 loc) · 2.75 KB

replit.md

File metadata and controls

62 lines (54 loc) · 2.75 KB

Matthieu Felker Portfolio - Replit Setup

Overview

This is a professional portfolio website built with Astro 2.5.7, showcasing work at Uresco Construction Materials. The portfolio highlights expertise in web/software development, carpentry, warehouse management, 3D visualization, and geolocation applications.

Project Architecture

  • Framework: Astro 2.5.7 (static site generator with React components)
  • Styling: Tailwind CSS with custom typography
  • Content: MDX for blog posts and project pages
  • Build Output: Static files generated to dist/ directory

Recent Changes (November 27, 2025)

  • Configured Astro dev server to run on 0.0.0.0:5000 for Replit environment
  • Updated site tagline to "Web & Software Developer | System Ops | Builder | Business-Minded"
  • Added business-focused angle: bridging software, construction, AND business
  • Emphasized daily operations work improving warehouse, inventory, logistics, and sales workflows
  • Detailed Web3 expertise: dynamic NFTs, micro-payment systems, on-chain data tools
  • Completely rewrote About page with focus on business process optimization
  • Updated portfolio page with Business Process Optimization as dedicated expertise area
  • All pages now emphasize business value, efficiency, and growth
  • Set up workflow "Astro Dev Server" to run npm run dev
  • Configured deployment as static site with build command
  • Created netlify.toml with Node 18.12.0 runtime for Netlify builds

Development Setup

Server Configuration

  • Host: 0.0.0.0 (required for Replit proxy)
  • Port: 5000 (required for Replit webview)
  • Dev Server: npm run dev starts Astro dev server

Dependencies

All dependencies installed via npm. Key packages:

  • Astro core and integrations (MDX, React, Tailwind, Sitemap)
  • React and Framer Motion for interactive components
  • Image optimization with Sharp
  • TypeScript and ESLint for code quality

Deployment

  • Type: Static site
  • Build Command: npm run build
  • Output Directory: dist/
  • The site builds to static HTML/CSS/JS files that can be published

Project Structure

/
├── src/
│   ├── components/     # Astro and React components
│   ├── layouts/        # Page layouts
│   ├── pages/          # Route pages (file-based routing)
│   ├── styles/         # Global CSS
│   ├── data/           # Site metadata and content
│   └── assets/         # Images and static assets
├── public/             # Public static files
└── dist/              # Build output (generated)

Notes

  • The site is a static portfolio with no backend components
  • All content is managed through MDX files and TypeScript data files
  • Images are optimized during build using Sharp
  • Site supports dark/light theme toggle