⚡️SvelteKit-Portfolio⚡️
@sveltejs/kit
.
A personal portfolio website made using
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 theroutes
folder with the same name as the routeeg: 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 ❤️
- Florian - https://github.com/Ladvace