Shabbir's Blog

I built this website, which can simply render Markdowns to NextJs Pages. I am used to markdowns now, and found this the easiest way for me to write content, without any AI interference. I made it easily deployable and managable, so that I can narrow down my focus to where it is needed the most.

The website is also mobile friendly, supports a Theme Toggle and has a simple regex search to find Posts. I have also added a Newsletter Subscriptions and Contact through email, which I am managing through Resend.

Technologies

NextJs: A React framework for building static and dynamic websites.
MDX: A file format that allows you to write JSX in your Markdown files.
Tailwind CSS: A utility-first CSS framework for building custom designs.
Vercel: A cloud platform for static sites and serverless functions.
Resend: A cloud platform to store Audience groups and send bulk emails.

Set it up for yourself

To get started with this project, you can clone the repository and install the dependencies from my Github:

npm install

Once the dependencies are installed, you can run the development server:

npm run dev

The development server will start at http://localhost:3000.

Deployment

To deploy this project, you can use Vercel. You can link your GitHub repository to Vercel and deploy the project with a single click.

Also you can also get a free Resend API key to get you started with mailing lists, and you can add custom domains, to send and recieve emails.

Conclusion

I created this blog to keep track of my projects and ideas, as well as to share it with others (Also always wanted to have my own website). I kept it as simple as possible, without a databse or a login hassle. I might keep on improving and adding more features to this, but this is as simple as I wanted it to be for now.

I would like to thank Hamed Bahram for the reference and code.