Day 62 of 100 Days of Code & Scrum: First Blog Prototype Deployed!
Tags: 100daysofcode, beginners, javascript, productivity
Published: 2021-12-13 09:31:23

Greetings, everyone!

Today, I fixed multiple production bugs in my [company website's blog](https://www.rammina.com/blog), as well as made some style changes. I redeployed it again today, and I am really happy with how it turned out. Of course, there is still a lot of room for improvement and this is far from being a finished product. That said, I've made something that provides business value which I'm proud of.

## Showcase

Here are some images of how it looks like:

Home Section:

![Rammina Blog Home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wkayes8kwkoeq2pw9mdm.png)

Featured Blog Post:

![Rammina Blog Featured](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pbh0w82tqzk6ycydhxir.png)

Recent Blogs:

![Rammina Blog Recent](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y0qwr8hbkopt9l56aq76.png)

I can't wait to work on it again and make more improvements!

## Blog Technology Stack

For those curious about the technology stack that I used for the blog site:

Frontend

- Next.js (production-ready React framework)
- SCSS modules (preventing styling collisions)

Backend

- Ghost on Heroku (headless CMS for the blogs)

API

- GhostContentAPI

Anyway, let's move on to my daily report!

## Yesterday

I planned out what I will be doing for this week and declared my **Sprint Goals**.

## Today

Here are the things I learned and worked on today:

### Company Blog

- fix production bugs on my [Web Development blog](https://www.rammina.com/blog).
- changed some styling for the blog, specifically the buttons and some margins.
- moved `<Layout>` outside of a page component and have it wrap around the `<Component>` tag in `_app.js`.

### Scrum

- I did some practice flashcards for Scrum.
- reviewed some of the things I've learned before.

Thank you for reading! Have a great week.

![Rammina Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [Layouts | Next.js](https://nextjs.org/docs/basic-features/layouts)
- [How to prevent layout get re-mounted? | Stack Overflow](https://stackoverflow.com/questions/59519286/next-js-how-to-prevent-layout-get-re-mounted)
- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/%22%3E<img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>