SvelteKit Portfolio screenshot

SvelteKit Portfolio

Author Avatar Theme by Ladvace
Updated: 27 Jul 2024
67 Stars

Simple portfolio website made in svelteKit

Categories

Overview:

SvelteKit-Portfolio is a personal portfolio website built using SvelteKit, a framework for building web applications with Svelte. The website showcases a modern and minimal UI design with sections for Home, Projects, About, and Blog. The blog section is powered by the DEV.TO API, although it is still a work in progress. The website is fully responsive and optimized for performances and SEO. It can be easily deployed on Netlify.

Features:

  • Modern and Minimal UI Design: The website features a modern and minimalistic user interface design, providing a clean and visually appealing experience.
  • Home, Projects, About, and Blog sections: The website includes dedicated sections for Home, Projects, About, and Blog, allowing users to explore different aspects of the owner’s personal portfolio.
  • Blog made using DEV.TO API: The blog section of the website is powered by the DEV.TO API, providing a platform for the owner to share blog posts with the visitors.
  • Fully Responsive: The website is designed to be fully responsive, ensuring a seamless user experience across different devices and screen sizes.
  • Performances and SEO optimizations: The website is optimized for performances and SEO, ensuring fast loading times and improved search engine visibility.
  • Ready to be deployed on Netlify: The website is ready to be deployed on Netlify, a popular platform for hosting static websites, making the deployment process fast and easy.

Installation:

To add a new route (page) to the website, follow these steps:

  1. Open the src\lib\NavRoutes.js file.
  2. Add a new route in the routes array. Each route should have an object with the necessary information.
  3. Create a new file in the routes folder with the same name as the route. For example, if you added a route named “about”, create a file named about.svelte in the routes folder.

To deploy the website on Netlify, follow these steps:

  1. Deploying on Netlify is optional but recommended for faster and easier deployment.
  2. Fork the repository.
  3. Link the forked repository to your Netlify account.

Summary:

SvelteKit-Portfolio is a personal portfolio website built using SvelteKit, featuring a modern UI design, dedicated sections for Home, Projects, About, and Blog, and optimized performances and SEO. The website can be easily customized by adding new routes, and it can be quickly deployed on Netlify for smooth website hosting. Although the blog section is still a work in progress, the website provides a visually appealing showcase of the owner’s personal portfolio.