ultimate-portfolio Svelte Themes

Ultimate Portfolio

Modern multi-framework portfolio showcasing Astro, React, Svelte, Vue, Solid, and more

šŸš€ Jesse Naiman's Portfolio - Modern Multi-Framework Showcase

🌟 Overview

This is Jesse Naiman's portfolio showcasing modern web development skills through a multi-framework application built with Astro. It demonstrates expertise in React, Svelte, Vue, Solid, TypeScript, and modern tooling.

Built From: Originally based on the excellent Marve10s/UltimateAstroTemplate - credit and thanks to the original creator!

šŸš€ Quick Start

  1. Clone and Install

     git clone https://github.com/jessenaiman/ultimate-portfolio.git
    
     cd ultimate-portfolio
    
     npm install
    

    Or Fork and Install

    1.1 Click the 'Fork' button in the top right corner of this repository

    1.2 Clone your forked repository

     git clone https://github.com/YOUR_USERNAME/ultimate-portfolio.git
    

    1.3 Navigate and install dependencies

     cd ultimate-portfolio && npm install
    
  2. Development

     npm run dev
    
  3. Build

     npm run build
    

šŸ“ Project Structure

/
ā”œā”€ā”€ public/          # Static assets
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ assets/      # Project assets
│   ā”œā”€ā”€ components/  # UI components
│   │   ā”œā”€ā”€ Astro/   # Astro components
│   │   ā”œā”€ā”€ React/   # React components
│   │   ā”œā”€ā”€ Solid/   # Solid components
│   │   ā”œā”€ā”€ Svelte/  # Svelte components
│   │   ā”œā”€ā”€ Vue/     # Vue components
│   │   └── ui/      # Shared UI components
│   ā”œā”€ā”€ data/        # Data files
│   ā”œā”€ā”€ icons/       # Icon components
│   ā”œā”€ā”€ layouts/     # Layout templates
│   ā”œā”€ā”€ pages/       # Route pages
│   └── styles/      # Global styles
└── package.json

šŸ“Š Performance

Metric Score
šŸš€ Performance 99/100
♿ Accessibility 97/100
šŸ—ļø Best Practices 100/100
šŸ” SEO 100/100

View Full Report

šŸ› ļø Customization

Styling

Modify tailwind.config.cjs to customize:

  • šŸŽØ Color schemes
  • šŸ“± Breakpoints
  • šŸ”¤ Typography
  • šŸŽÆ Custom utilities

Components

  • Add framework-specific components in respective directories
  • Use shared components in ui/ for cross-framework functionality
  • Leverage Astro's partial hydration with client:* directives

šŸŽØ Share Your Creation

Have you modified my template? I'd love to see it! Share your creation with me:

  • Create a GitHub issue with screenshots and demo link
  • Message me on Telegram with your project details

All theme contributions will be reviewed and credited appropriately.

🌟 Community Showcases

Check out these amazing modifications by our community:

Your creation could be featured here! Share your work with me.

šŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with ā¤ļø using Astro

Top categories

Loading Svelte Themes