Blog
I write both short and long tutorials about web development mostly about Next.js, React, Laravel, JavaScript, Rust and Golang.
My Conversation with AI to Get Clarity in My Life
I asked an AI what my strengths were. Then I told it I felt lost. What happened next actually helped.
How to Use OpenRouter: Access Multiple AI Models with One API
Learn how to use OpenRouter to access multiple AI models from different providers through a single, unified API interface.
How to Setup Middleware for Elysia.js
I was working on **vidiopintar.com**, a video analysis API built with Elysia.
Using better auth in Next.js
In the Next.js ecosystem, NextAuth.js is a popular authentication solution.
Setting Up Vince Analytics: A Self-Hosted Alternative to Google Analytics
Setting up Plausible Analytics feels like preparing for a wedding - you need multiple components (PostgreSQL, ClickHouse), plenty of resources, and constant maintenance.
How to use Laravel Pint in VSCode?
Laravel Pint is an opinionated PHP code style fixer based on PHP-CS-Fixer.
How to hide scrollbar in tailwindcss?
There are multiple ways to customize scrollbars in Tailwindcss, we'll explore three approaches to handle scrollbars, each with its own advantages.
How to Extract Audio from MKV Files Using FFmpeg
Just finished a mentoring call.
AI Won't Replace Developers - Here's Why We'll Thrive Instead
First time I saw AI generating code, I panicked.
Scraping Hacker News with Selenium
Ever wanted to automatically fetch the top stories from Hacker News?
How to Create a Dialog Component with Alpine.js
Alpine.js is a lightweight JavaScript framework that allows you to add dynamic behavior to your HTML with minimal effort.
Where is the pip package file located?
The location of pip package files can vary depending on your operating system and Python installation.
How to deploy Laravel app with a PostgreSQL using Laravel Forge?
So recently I needed to improve the performance of my production Laravel app.
Understanding Reduce Operations in Laravel: A Beginner's Guide
Laravel has a handy Collection helper that can help you work with array data.
How to Copy Folders to Remote Servers Using SSH
Copying folders between local and remote systems may not be a task you do daily, but sometimes you might need to do that.
How to use codemirror legacy modes?
CodeMirror 6 introduces a modular architecture, allowing for more flexibility and customization.
How to install Golang in ubuntu with curl?
Learn how to install Go (Golang) on Ubuntu Linux using curl with step-by-step instructions.
How to Set a Custom Redirect URL After Login in Laravel Jetstream?
Building web apps is getting easier these days, with new tools coming out every day to help developers get the job done.
How Laravel Facades work?
Today, we'll dive into a powerful feature of Laravel - Facades.
How to streaming text with markdown formatted in Livewire?
In Laravel Livewire, you can use the `wire:stream` directive to stream data from the server to the client.
How to Create an Email with Your Own Domain on a VPS?
To set up your own email hosting using Docker on a VPS, follow these steps to get Docker Image from the official Docker Hub registry or from the GitHub registry.
Introduction to Alphine.js
Alpine.js is a lightweight JavaScript framework.
Upload Files to Cloudinary in Laravel
File management is a crucial aspect of modern web applications, and Laravel developers often need to handle file uploads and storage efficiently.
Integrate Local LLM into Your Laravel Projects with Ollama
The progress of Open Source Large Language Model is growing rapidly, now if you have a computer with 8 GB of ram you can run llama based large language is your local machine.
How to use Claude AI in Laravel?
Now that Anthropic has already opened access to their Claude model, it's time to try the Claude API in our Laravel application.
A Guide to Stateless Laravel Applications Using Tigris Object Storage
Last year I wrote a tutorial to [deploy your laravel application to Fly.io](/blog/deploying-laravel-project-to-fly.io).
What is unstructured data?
In short Unstructured data is the data that doesn't have predefined structure, just like database they doesn't have and row and column.
How to use fetch in laravel?
In Laravel, you cannot simply use fetch and then request the API; otherwise, you will encounter an error due to the CSRF middleware.
Getting Started with Apache Kafka
Developing scalable application these days have a lot of moving part especially when your company adopt micro service.
How to come up with the UI Design for your web app?
While working on [readclip.site](https://readclip.site) I found myself stuck with the ui design for some feature that I am working on.
How to send email during Development time in Laravel?
So you are working on sending emails feature on you laravel project.
How to Deploy Vite + React to Github Pages?
A few days ago while porting some captcha library from vanillajs to react for work, I needed to share it with my colleague.
How to Install Mayan EDMS to Digitalocean VPS?
MayanEDMS is Free Open Source Document Management System, currently it the most advanced project for managing Digital Document like PDF, Images etc.
How to use DuckDB to query Parquet file?
On of the good thing of DuckDB is that they are not inventing new data structure it works with the current data we have like csv, json and parquet.
Introduction to DuckDB - In memory database for Analytics
DuckDB is an in-memory database that we can interact with using SQL language.
Fetch like Javascript in Golang
If you are javascript developer and just starting to write a golang code you might find that performing http request in golang is not easy writing fetch request in javascript.
Implementing Folder System in PostgreSQL
Turns out there are multiple way to implement folder system, and after doing some research I found that this approach **Adjacency List Model** easier to understand for me.
Autoplay YouTube Embed in React
Sometime you might need to embed youtube video to your react application and you want it to autoplay.
How to use prisma in Next.js?
Prisma is one of the best ORM for javascript, if you want to use it in your next.js application you can follow this tutorial.
How to redirect Request in Go Fiber?
I was working on adding new domain from readclip.ahmadrosid.com to [readclip.site](https://readclip.site) today.
How to create background grid in Tailwindcss?
There are so many options to drive user attention to the information we want them to see.
Falling Behind or Actually One Step Ahead?
I was the one of many peoplo who find hard to get focus on one thing and always feeling I was behind everybody.
How to query html dom in Golang?
Web browser has the best way to manipulate the html document and the good news is we can query html document just like the browser do in golang.
Learn Livewire Actions and Properties
Livewire give us super power for blade view and today we will learn about Livewire Properties and Actions.
Introduction to Laravel Livewire
With the complexity and limitations of traditional web development using Laravel there are so many attempts to make the experience of developing interactive application more axciting.
Create a button component with tailwindcss
Button has been a component that sometime can be easy to create and also a bit tricky at the same time.
Analyzing business value proposition with AI
When building a product the most important thing is not the idea it is the problem you solved and that just one thing most of the problem is also has been solved by someone else.
How to setup fullstack web app with golang and vite?
Build web app is getting easier these days, new tools are coming out everyday with the goals to help developers to get the job done.
Deploying Laravel Project to fly.io
Laravel is not easy to deploy but not anymore.
How to use supabase with laravel?
Deploying application a lot easier these days, one of the most important component of our Laravel application is database.
Starting 100 Days To Offload Challenge
Writing has change my life a lot, but putting commitment to consitenly writing is hard to do.
How to get up again after losing a job?
When you have a job, there’s always that risk of losing it, right?
How to create REST API with Express and ts-rest?
When you are working with Typescript to create REST API there are so many options you need to consider.
How to cancel Javascript Fetch Request?
When you are working with network requests in your JavaScript app, you might encounter scenarios where you need to handle cancelling network requests.
Building PHP Extension with Rust for Fun and Profit
Rust is one of the best languages that you can learn no matter where you are coming from, and one of the things that I love is that you can use Rust to write plugins or extensions for your language.
Creating Chat Widget with Next.js
When you have a website that offers services like web hosting, e-commerce, or anything, you most likely need to provide your users with chat support.
Building chatbot with Laravel and Openai Embedding
One of the limitations of the GPT model by OpenAI is that its knowledge is limited.
Streaming OpenAI Responses in Laravel with Server-Sent Events (SSE)
When working with OpenAI in your Laravel project, implementing a streaming response can improve the user experience.
Deploy Next.js to Firebase Hosting
When building a React project with Next.js, the common deployment option is Vercel.
Fixing Python Firebase Auth HTTPResponse Error
If you are using Firebase authentication in python you might encounter this error.
How to install Postgres database in Ubuntu?
Learn how to install PostgreSQL database on Ubuntu with step-by-step instructions.
How to extract text from PDF file in Rust?
Working with PDF files in Rust is now easier.
Motion Graphic in JavaScript with motion-canvas
Today, we are going to have some fun with motion graphics in JavaScript.
React drag and drop with dnd-kit
If you need to create a drag-and-drop component, look no further than dnd-kit.
How to use chatgpt API with Laravel?
OpenAI launched ChatGPT at the end of 2022, as you may already know.
What is regex /g meaning?
In regular expressions, the /g flag is a modifier that can be added to a pattern to search for all occurrences of that pattern within a given string.
How to add Editor Action in monaco-editor?
I have learned a lot while working on my Tinkerwell alternative project.
How to run command with custom stdin and stdout in Rust?
So, this week I am working on some little side project to run php code for laravel project with `php artisan tinker`.  So the problem with this command it's does not support passing some code via input params.
How to install Redis in MacOs?
Redis is an open-source, in-memory data structure store that can be used as a database, cache, and message broker.
AI-Powered Photo Restoration in Laravel Tutorial
Today we are going to learn another AI that we can use in our Laravel Application.
Create CSS Border Animation with TailwindCSS
Yesterday I found this website [volta.net](https://volta.net/) and I liked the landing page that contained a border animation.
How to Use Vercel Audience Analytics in Next.js?
If you deploying Next.js application to vercel you can use the vercel audience analytics now.
How to Disable vercel deployment notification?
Are you using Vercel to deploy your Next.js application?
How to Compress Image with JavaScript?
Eventually, if you create a website with a feature such as uploading images for a profile, you will inevitably have to deal with large image sizes.
Remove Background Image with PhotoRoom API in Laravel
AI is prevalent these days, not only for end users but also for software developers like us.
How to create tooltip with React and TailwindCSS?
A tooltip is a small piece of text that appears when you hover your mouse over an element on a website or application.
JavaScript Regex to Replace Links
I was working on a small project the other day; the goal was to pull my [bookmarked tweets](/tweet-bookmarks) onto my blog so that I could share them in my blog.
How to Download a file with Node.js?
To download a file in Node.js, you can use the `https` and `fs` packages, or you can also use `http`.
How to fix node-fetch Error ERR_REQUIRE_ESM
If you are using `node-fetch` in your nodejs project you might will get this error `Error [ERR_REQUIRE_ESM]: require() of ES Module`.
Convert YouTube to Text with OpenAI Whisper
OpenAI has released a new model for speech recognition, which is available for free and open source on [GitHub](https://github.com/openai/whisper).
How to use OpenAI in Laravel?
OpenAI is a powerful artificial intelligence platform that allows developers to easily build AI-powered applications.
Learn Docker for beginner
If you are learning web development sooner or later you will need to learn docker, and in fact most of company these days is using docker to develop and deploy their web application.
How to Deploy FastApi to Fly.io?
FastAPI is a modern, fast (high-performance), web framework for building APIs with Python language.
How to replicate ChatGPT with Langchain and GPT-3?
It is well-known that ChatGPT is currently capable of impressive feats.
How to Crop image in Golang?
To crop an image in Go, you can use the `image.SubImage` method in the image package to create a new image that is a sub-rectangle of the original image.
How to Setup your MacOS for Laravel Development?
Congratulations on your recent purchase of a MacBook!
How to Handling Error in go?
Error handling is critical in any program you write or in any programming language you use.
Basic PostgreSQL Query for Beginner
The first thing you need to learn when learning PostgreSQL is how to create databases, tables, browse data, update data, and even delete data using statements.
Understanding Golang Concurency
Golang's main selling point is that it manages multiple processes to speed up programs created in the language.
How to Format String in Javascript?
Here is how you can format string in Javascript!
Golang http client and server Tutorial
Most of the time when you are writing a software with golang you will need to write code for http client or server.
How to get a job in Start Up industry?
A couple weeks ago I have a little chat with a friend of mine.
Building Personal Wiki on Next.js using mdbook
For the last couple of week I have been moving all my notes and bookmark to this blog.
My Command-Line Utility Collections
I work with command line a lot, and I do automation a lot too.
Skills you Need to become a Backend Developer
If you see a job description for a backend developer, it may seem intimidating.
Rust parsing dynamic JSON
JSON is probably the most commonly used data structure.
Web Socket for Productivity in Rust
It's likely that you will write a chat server if you are learning web sockets, but let's do something different today.
How to structure a big project in Rust
If you have been working with rust you know how easy it is to start a project with cargo.
Making a typo detection tool in Rust
If you are not native speaker and write a lot you might need this tool.
Writing full text search in Javascript for Next.js static site
There are so many ways to create search functionality for next.js web application.
Journey of Building Code Search Engine
I remember two years ago I was reading some hacker news post about [grep.app](https://news.ycombinator.com/item?id=22396824) which is awesome code search which i use a lot at my daily work.
Note When I Learn Ruby On Rails
`Ruby on rails` is one of the best full stack web framework, laravel took a lot of inspiration from it.
Working with react stale state
So last week I'm working on side project called nocion which is just a clone of notion.
How to Git Squash Commits?
Writing a git commit can be hard, so sometimes we just write small commits and push the changes.
Highlighting markdown using prism in Next.js
There's a lot of option to highlighting code for your next.js application.
Golang enum Tutorial
Sometime you might be need to implement enumeration in your go code.
Chasing a Dream is Hard!
I've been looking for a new job for two months now and have applied for over fifteen companies.
How to convert int to string in Go?
How can you create a string from an int in Golang?
How to get Money from contributing to Open Source Project?
Discover platforms like Gitcoin, IssueHunt, GitHub Sponsors, Open Collective, Kickstarter, and Patreon where you can get paid for contributing to open source projects.
How to convert byte to string in Golang?
When working with golang you will most likely have scenario when you need to convert `byte` slice to `string`.
How to use CodeMirror in Nextjs?
You have two options when it comes to embedding a code editor in your nextjs application.
How to write cli application in Nodejs?
Javascript is created to be used in the web browser, however now we can create command line application with nodejs.
How to write validation in Golang?
If you just learning golang maybe it's time to write validation on your http request for your backend application.
The Wheel of Life: Dealing with Life's Challenges
Why is so hard to just live the life.
Why I always Failed?
Every step of my life, I always have something that I want to do, a little dream about my life.
Preparing for the Next Career
I've been preparing myself for the next step of my dream career for three weeks now.
Confide: Feeling so empty
I don't know why, but i always had this anxiety when i don't finish my work.
Getting started with SDL2 with C++
Let's setup SDL2 Development environment.
Redis client for nodejs application
I was given a task at work last year to integrate the redis cache for one of our microservices.
How to install your own git server?
Because i use jigsaw for this blog, i want to share with you how i setup the deployment of my blog.
I'm starting over
I am starting a new blog with this minimalist design.