My personal corner of the internet, built with performance and simplicity in mind.
I'm a software engineer and lifelong web enthusiast. I’ve been building for the web for over a decade and now help teams deliver thoughtful, modern, scalable cloud-first software.
I write about the challenges and solutions I encounter in my engineering journey.
This repository hosts the source code for my personal website and blog, skarif.dev. It serves as a portfolio of my open-source work and a platform for sharing my thoughts on software engineering.
The site is designed to be:
- Fast: Static generation for near-instant load times.
- Clean: Minimalist design focused on readability and content.
- Maintainable: Built with modern tools and a type-safe content layer.
This project is built using a modern, performance-focused stack:
| Category | Technology | Description |
|---|---|---|
| Framework | Astro | The web framework for content-driven websites. |
| UI Library | React | Component-based UI for interactive elements. |
| Styling | CSS Variables | Native, scoped styling without the bloat. |
| Content | MDX | Markdown for the component era, powering the blog. |
| Optimization | Sharp | High-performance image processing. |
| Syntax Highlighting | Expressive Code | Beautiful code blocks with Shiki. |
Want to run this project locally? Here's how:
- Node.js: (Version 18+ recommended)
- Package Manager: pnpm (recommended), npm, or yarn.
-
Clone the repository:
git clone https://github.com/skarif2/skarif.dev.git cd skarif.dev -
Install dependencies:
pnpm install
Start the local development server:
pnpm devVisit http://localhost:4321 to see the site in action.
Build the project for production:
pnpm buildThe output will be in the dist/ directory, ready to be deployed.
This site is hosted on Cloudflare Workers rather than Cloudflare Pages.
Why Workers? This project relies on a private submodule for some of its content. Cloudflare Pages currently has limitations when building projects with private submodules. Cloudflare Workers offers the flexibility needed to handle this setup efficiently.
The code in this repository is licensed under the MIT License - see the LICENSE file for details.
Note: All blog posts, written content, resume information, and personal details are © 2018 Sk Arif and are not covered by the MIT License.