⚡️SvelteKit-Portfolio⚡️

A personal portfolio website made using @sveltejs/kit.

homepagescreenshot

To view a demo example, click here

Features

  • Modern and Minimal UI Design
  • Home, Projects, About and blog sections
  • Blog made using DEV.TO API. (Medium WIP)
  • Fully Responsive
  • Performances and SEO optimizations
  • Ready to be deployed on Netlify

Guide

  • In order to add a new route (page) you need to add it in src\lib\NavRoutes.js and create a new file in the routes folder with the same name as the route eg: about.

In src\lib\NavRoutes.js you need to add in the routes an object with the following info for every route you want to add.

{
    href: '/globe', // route path
    label: 'Globe', // name showed in the navbar
    customColor: '#89a6fb' // OPTIONAL: a color that will be set when you switch route (for that specific route)
}

Dependencies

  • svelte-icons
  • @sveltejs/adapter-netlify

Steps ▶️

# Clone this repository
$ git clone https://github.com/Ladvace/SvelteKit-Portfolio
# Go into the repository
$ cd SvelteKit-Portfolio
# Install dependencies
$ npm install
# Start the project in development
$ npm run dev

Deploy on Netlify 🚀

Deploying your website on Netlify it's optional but I reccomand it in order to deploy it faster and easly.

You just need to fork this repo and linking it to your Netlify account.

Authors ❤️

Top categories

Loading Svelte Themes