Pizza Palace - Modern Pizza Shop
A high-performance pizza shop website built with SvelteKit, featuring:
- Responsive design with Tailwind CSS
- Optimized images and lazy loading
- SEO-friendly markup with structured data
- Scroll-triggered animations
- Comprehensive CI/CD pipeline
🚀 Getting Started
Prerequisites
- Node.js 18+
- npm 9+
Installation
# Clone the repository
git clone https://github.com/your-repo/pizza-palace.git
cd pizza-palace
# Install dependencies
npm install
# Start development server
npm run dev
🏗️ Architecture
Tech Stack
- Frontend: SvelteKit + TypeScript
- Styling: Tailwind CSS with custom breakpoints
- Build: Vite with tree-shaking
- Deployment: Vercel adapter
Key Decisions
- Component Architecture: Atomic design pattern with reusable components
- Performance: Image optimization, code splitting, and lazy loading
- SEO: Structured data, sitemap, and proper meta tags
🛠️ Development
# Run dev server with hot reload
npm run dev
# Lint code
npm run lint
# Format code
npm run format
📦 Production Build
# Build for production
npm run build
# Preview production build locally
npm run preview
📊 Performance Metrics
Latest Lighthouse scores:
- Performance: 98
- Accessibility: 100
- Best Practices: 100
- SEO: 100
🔗 Resources
