ChitChat Logo
Miracle Friday

Software Engineer

My First Post

Development
Journey
Tech
MF
Miracle Friday

Dev Lead @ASC Africa

cover_img

Jumping on the content train


Commiting to writing articles that will hopefully inspire a dev to get started.



Why run a personal blog site


The short and simple answer is Control. Creating and managing a custom blog app on my personal website just seemed like a no brainer. Mostly because of the fact that I am one of those devs that require almost full control of the tools they choose to dedicate resources to.

So building and managing my personal blog was a no brainer, instead of using blogging tools like, hashnode, medium, dev.to e.t.c.



Tools and resources used



MDX is markdown with superpowers, with support for rendering jsx components, fetching dynamic data through API calls, highly customizable, powerful (Ooh I mentioned superpowers already 😅) and a lots more that you will obviously come to experience as an avide reader of my articles. 😉


Contentlayer is a content SDK that validates and transforms your content into type-safe JSON data you can easily import into your applicaton - That was ripped right out of their website, but yeah as described its pretty awesome with great DX, and delivers on what it sets out to do. Although continuouse support for it might be suspended indefinately


Code hike is a syntax highlighter for mdx code blocks, works super well with contentlayer and has some of the coolest features of a syntax highlighter that I've ever seen. Don't believe me, checkout the code block below:

sample.ts

_16
// Import FC type
_16
import type { FC, ReactNode } from "react";
_16
_16
interface ISampleProps {
_16
children: ReactNode;
_16
}
_16
const SampleComp: FC<ISampleProps> = ({ children }) => {
_16
return (
_16
<div>
_16
<h1 className="text-lg font-medium text-wrap">This bout to be the coolest component on the block</h1>
_16
{children}
_16
</div>
_16
);
_16
};
_16
_16
export default SampleComp;

Now tell me that isn't cool 😎


And ofcourse Nextjs ties everything together as our fullstack framework for building server rendered reactjs webapps. If this is your first time hearing about nextjs which I hope not, click on the link to learn more about it, its a pretty great framework.


What next?


Its time to look forward to great articles first published on this site, before being published anywhere else, so subscribe to the newsletter if you haven't to keep up to date with all these awesomeness.


I really hope this was a great first post, see you on the next one 👋

Github contains all the code/content for this article.