My Blog

Some of my opinions and anything that I think is important to share.

Jun 15, 2024

Membuat Notifikasi di Sveltekit

Sveltekit TailwindCSS

In this article, we will create a simple notification using Svelte/Sveltekit. This notification will appear at the bottom left of the screen and will disappear after a few seconds. This notification will have three types, namely `success`, `info`, and `error`. Apart from that, we will also use `transition` to provide animation effects when notifications appear and disappear.

Jun 10, 2024

Animate Vue Components with Transitions

VueJS TailwindCSS

Vue.js is a JavaScript framework that makes it easier for us to create interactive web applications. One of the interesting features of Vue.js is its ability to animate the components that we create using Transition. With Transition, we can provide animation effects when components appear, disappear, or change.

Jun 5, 2024

SvelteKit and Apollo Server integration

Sveltekit Apollo Servers GraphQL

This article contains examples of using Apollo Server on SvelteKit. Apollo Server is used to create a GraphQL server that will be used by SvelteKit applications. By using Apollo Server, we can create a server that processes queries and mutations from the SvelteKit application.


Mohammad Nazir Arifin

Lecturer & Software Engineer