Daedastream Landing Site

A professional single-page landing website for Daedastream, a digital development studio based in San Diego, California.

Features

• Modern Stack: React 18 + TypeScript + Express.js
• Responsive Design: Mobile-first approach with Tailwind CSS
• Interactive Portfolio: Carousel showcasing 7+ website templates
• Performance Optimized: Iframe preloading, hardware acceleration
• SEO Ready: Meta tags, structured data, sitemap
• Production Ready: Error boundaries, security headers, compression

Quick Start

Development

npm install
npm run dev

Production Build

npm run build
npm start

Environment Setup

1. Copy .env.example to .env
2. Configure your environment variables:
   • DATABASE_URL: PostgreSQL connection string
   • SESSION_SECRET: Secure session secret
   • NODE_ENV: Set to 'production' for production

Deployment

Replit Deployment

This project is optimized for Replit Deployments:

1. Click the "Deploy" button in Replit
2. Configure environment variables in the deployment settings
3. Your site will be available at https://your-repl-name.your-username.repl.co

Manual Deployment

For other platforms:

1. Build the project: npm run build
2. Upload the dist/ folder to your web server
3. Configure environment variables
4. Ensure your server can handle SPA routing

Architecture

• Frontend: React SPA with client-side routing
• Backend: Express.js API server
• Database: PostgreSQL with Drizzle ORM
• Styling: Tailwind CSS with custom design system
• Animations: Framer Motion

Performance Features

• Iframe preloading for instant portfolio navigation
• Hardware-accelerated transitions
• Optimized font loading with display=swap
• Compressed assets and caching headers
• Error boundaries for graceful failure handling

SEO Optimization

• Comprehensive meta tags for social sharing
• Structured data for search engines
• Sitemap.xml and robots.txt
• Canonical URLs and Open Graph tags

Security

• Content Security Policy headers
• HTTPS redirects
• XSS protection
• Frame options security
• Input validation and sanitization

Browser Support

• Modern browsers (Chrome 88+, Firefox 85+, Safari 14+)
• Mobile browsers (iOS Safari, Chrome Mobile)
• Progressive enhancement for older browsers

---

Built by Daedastream with ❤️ in San Diego, CA# WebsitePortfolioLanding