Introduction

Part of my goals for 2022 was to learn and grow within the space of web development. Although I generally work as a data analyst in advertising, running code snippets, fetching data from APIs, connecting to databases etc.
I always wanted to be able to create an highly interactive site where data collected is used to story tell.

What better way to start by building a basic blog site.

Inspirations

Although I was previously introduced to the MERN Stack in a web dev course,
I heard of Svelte/Sveltekit from the authors at the pudding and I was curious to check out what they were using.

With only a very short introduction to Svelte/Sveltekit, I feel in love with it instantly.

The syntax was very straightforward and I liked it a lot. With a basic knowledge of html, css and javascript, I could already write and build some basic components with this framework.

Working with Svelte/Sveltekit really brings alot of “joy” and the development experience is really great. This is something that was mention quite a number of times from the community when they are interviewed about their development experience.

Resources

Here is a list of resources that I referred to while putting this blog together. Without the generosity of these developers and the open source community, I wouldn’t have managed to this together.

   • Basic Blog Design Layout -> https://github.com/sw-yx/swyxkit

   • Details in Blog Pages -> https://eugeneyan.com/

   • Tailwindcss -> https://tailwindcss.com/

   • Markdown blogposts -> https://github.com/K-Sato1995/sveltekit-blog-template

   • Page Transition -> https://github.com/evanwinter/sveltekit-page-transitions

Hosting

I use vercel to host this blog. Hosting was extremely simple and fast. Setting the custom domain also was easy. Probably the best hosting service I’ve used so far for a beginner like myself.
Here is an article that I referred to as a guide.

What I learnt

If I could try to describle it, it feel like I went straight to photoshop to develop a photo and never had to worry about developing photos in a traditional dark room. While I only have such a short experience with web dev, working on svelte made me feel that I didn’t had to go through the changes in tech that web stack may go through.

Other stuff

I adapted a randomQuote Generator that returns a random quote based on the raw data in a JSON file. As of this writing, I am still considering adding this feature to the homepage of this blog.

While exploring how to incorporate data into a potential web dev project, I chanced upon an article about using sanity.io data in Sveltekit projects. This is defintely something I will look into while working toward my 2022 data goal.