ft/Engineering Blog: Render a blog

[kelvinkipruto]

Description

This PR enables the rendering of blogs in the engineering blog

Fixes #848 #849

Type of change

• New feature (non-breaking change which adds functionality)

Screenshots

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

[kilemensi]

Will let others look at the code @kelvinkipruto but my vote is on a blog design that uses image sparingly i.e. only when it can improve on words. React, Next.js, etc.

[koechkevin]

👍

[kelvinkipruto]

@koechkevin @DavidTheProgrammer @m453h @thepsalmist @VinneyJ What do you think of @kilemensi comment above, to make it have less images?

Will let others look at the code @kelvinkipruto but my vote is on a blog design that uses image sparingly i.e. only when it can improve on words. React, Next.js, etc.

[DavidTheProgrammer]

@koechkevin @DavidTheProgrammer @m453h @thepsalmist @VinneyJ What do you think of @kilemensi comment above, to make it have less images?

Will let others look at the code @kelvinkipruto but my vote is on a blog design that uses image sparingly i.e. only when it can improve on words. React, Next.js, etc.

I think the image quantity is fine. I like I think it looks really nice 🚀 . Looking through the rest of the codebase at the moment.

[m453h]

We might need to add a copy to clipboard button for the syntax highlighter like this one below:

[VinneyJ]

LGTM

[VinneyJ]

The detail header image looks too large. What do you think of image width being the same size as the centered content? Otherwise, the code looks good to me.

[DavidTheProgrammer]

Looks good. Just wondering if we decided against using contentlayer and went for the manual approach

[DavidTheProgrammer]

LGTM 🚀

[m453h]

@koechkevin @DavidTheProgrammer @m453h @thepsalmist @VinneyJ What do you think of @kilemensi comment above, to make it have less images?

Will let others look at the code @kelvinkipruto but my vote is on a blog design that uses image sparingly i.e. only when it can improve on words. React, Next.js, etc.

Putting an image with each post is alright, but form my observation as @VinneyJ pointed out, the header image when you open a post is too large and might force us to use high-res images (which increases the size of the page), we could take inspiration from Github Blog though we need to think of the standard of images we will be using for each post. We would really need to emphasize on consistency of the images we select. Something like Vercel Blog

===
Something to take note is that a minimalistic approach of no images saves us the headache of needing to select an appropriate image for each post and means we only get to focus on writing content.

[kilemensi]

Something to take note is that a minimalistic approach of no images saves us the headache of needing to select an appropriate image for each post and means we only get to focus on writing content.

Finally there!!! Use an image when/if and only when/if it improves the post and it should be part of the content and not decoration.

But, I'll let y'all decide.

[kelvinkipruto]

Something to take note is that a minimalistic approach of no images saves us the headache of needing to select an appropriate image for each post and means we only get to focus on writing content.

Let me remove the image from the single blog page

[kilemensi]

👍🏽

---

This is last sprint's work. Can we get it over the line so folks can start working on this sprint's tasks?

[m453h]

This Looks good 🚀

[kilemensi]

I think you've got enough reviews for us to proceed, no?