albugowy15 / bughowi.com Goto Github PK

View Code? Open in Web Editor NEW

6.0 2.0 1.0 3.21 MB

My personal blog that contains article about Web Development and programming in general

Home Page: https://bughowi.com

License: GNU General Public License v3.0

JavaScript 1.08% TypeScript 0.95% MDX 77.45% Astro 19.30% CSS 1.23%

mdx typescript blog markdown tailwindcss vercel astro

bughowi.com's Introduction

Description

My personal blog that contains article about Web Development and programming in general. In this blog I document and reflect on what I’ve learned inorder to solidify my understanding and be able to refer back to it later.

Repository

View it's repo here : https://github.com/albugowy15/bughowi.com

Tech Stack

TypeScript

A strong typed language that make the way you write JavaScript safely. This is my first poject that I build with TypeScript. And it's really save me from getting bugs when try to get posts and project data. I have create a post about TypeScript basic concepts if you want to learn more about TypeScript basic.

Astro

Astro is an excellent choice for creating static blog sites due to its focus on speed and performance. It combines server-side rendering with static HTML generation for fast-loading pages, offers easy content management from various sources, and requires no new templating languages. Its developer-friendly approach, SEO benefits, and customizable design make it a compelling option for bloggers seeking a user-friendly and efficient solution.

Tailwind

The tailwind docs are its real magic. It is actually better documented than CSS itself. It's such a pleasure to use.

MDX

MDX allows me to use JSX in my markdown content. I can import components, such as interactive charts or alerts, and embed them within my content. This makes writing long-form content with components a blast.

Deployment

I deploy this project in Vercel. You can check it here : https://bughowi.com

bughowi.com's People

Contributors

Stargazers

Watchers

Forkers

fantompocong

bughowi.com's Issues

Add scrolling animation

Add scrolling animation. Probably with framer-motion

ToC on small screen

Add RSS feed

Restyle Intro section

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Create a flexbox with rounded profile image and text component (name, bio, action button). Change height from 100vh to fit-content.

Describe alternatives you've considered

Additional context

View Transition API causing bug for expressivecode

Copy button inside expressivecode didn't work because View Transition API.

Upcoming blog content

Blog post

Understanding Rust Borrow & Ownership Concept
How Rust handle error and null value
Set up T3 Stack with planetscale, prisma, and JWT authentication
Build Server-Side Pagination Table Component in React with Tanstack Table
Building Command Line Tools with Clapr.rs
How to interact with Databases in Rust using SQLX
Best free hosting and services to build you personal project

Project Post

Informatics frs helper
auto-frs-schedule

Rewrite to Astro

I think Astro is the best choice to build static blog post from markdown content. A lot of functionalities such as content collection, transfom mdx to html, pagination, and syntax highlighting are already built in.

Add snippet post

Pagination

Smooth navigation with View Transition API

Astro 3 comes with great support for View Transition API. It provides an easy way to give animation on page navigation. Currently this feature is only available for Google Chrome browser. Need to see how Astro have other browser compatibility for this feature.

Temporary fix

Downgrade contentlayer and next-contentlayer version to 0.3.0