Crafting A Minimalist Portfolio Website with SvelteKit and Pico CSS

Developer Tools Javascript UI Libraries Web Fonts And Design Assets

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
However, the question of CSS styling remained. The vast ecosystem of Tailwind CSS, with its extensive class-based utility system and configurations, felt kind of overwhelming for my needs. On the other hand, creating styles entirely from scratch using pure CSS felt time-consuming and inefficient.

#Developer Tools #Design Tools #Website Design 867 social mentions
Svelte Landing Page
2

Svelte

Cybernetically enhanced web apps
Pricing:
- Open Source
Creating a portfolio website can be a practical way to showcase resumes, projects, and blogs. As someone who leans more towards backend development, I found myself in the situation of wanting to establish an online presence without drowning myself into the complexities of React or dealing with the manual development with plain HTML, CSS, and JavaScript. It was in the search for a simpler alternatives that I found Svelte, and its meta-framework, SvelteKit.

#Javascript UI Libraries #JavaScript Framework #JS Library 352 social mentions
Redis Landing Page
3

Redis

Redis is an open source in-memory data structure project implementing a distributed, in-memory key-value database with optional durability.
Pricing:
- Open Source
To make data retrieval efficient and minimize the need to request data from the API on every page load, I implemented a caching strategy using the ioredis package, which is a popular redis client for Node.js for interacting with a Redis database.

#Key-Value Database #NoSQL Databases #Databases 183 social mentions
SvelteKit Landing Page
4

SvelteKit

SvelteKit is the official Svelte application framework
Pricing:
- Open Source
Creating a portfolio website can be a practical way to showcase resumes, projects, and blogs. As someone who leans more towards backend development, I found myself in the situation of wanting to establish an online presence without drowning myself into the complexities of React or dealing with the manual development with plain HTML, CSS, and JavaScript. It was in the search for a simpler alternatives that I found Svelte, and its meta-framework, SvelteKit.

#Application And Data #Languages & Frameworks #Frameworks (Full Stack) 82 social mentions
Font Awesome Landing Page
5

Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!
Pricing:
- Open Source
The featured GitHub projects are dynamically retrieved through the power of the GitHub GraphQL API. The blog posts are seamlessly pulled in using the Dev.to API. Additionally, Redis is used to cache the GitHub and Dev.to API responses for 1 hour to reduce the number of API calls. Icons are provided by Font Awesome through their kit from the CDN. I've also implemented the new View Transition API feature to enhance the user experience.

#Web Fonts And Design Assets #Vector Icons #Icon Fonts 127 social mentions