Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo

This content originally appeared on DEV Community and was authored by Rammina

Good day, everyone!

I spent most of my day working on the company website's <meta> tags using OpenGraph attributes, as well as the Twitter counterparts. I utilized the next-seo package to make it simpler to manage each page's <meta> tags. Most of the challenge was making dynamic blog data display the appropriate card summary. At one point, I made a mistake deploying erroneous code the production, which took a while to display the correct values (embarrassing because other people could see it).

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

Yesterday

I worked on static <meta> tags for my web development page. Not much work done, because it was also my physical therapy visit that day.

Today

Here are the things I learned and worked on today:

Company Website

continued learning OpenGraph and the Twitter equivalent.
used next-seo package to manage <meta> dynamically for blog posts retrieved from Ghost.
preview images are now dynamic for each page.
put temporary placeholder sections for Services and Portfolio pages to remove broken links.

Scrum

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

Thank you for reading! I wish you the best.

Resources/Recommended Readings

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!

Other Media

Feel free to reach out to me in other media!

This content originally appeared on DEV Community and was authored by Rammina

Print Share Comment Cite Upload Translate Updates

APA

Rammina | Sciencx (2021-12-15T11:33:26+00:00) Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo. Retrieved from https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/

MLA

" » Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo." Rammina | Sciencx - Wednesday December 15, 2021, https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/

HARVARD

Rammina | Sciencx Wednesday December 15, 2021 » Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo., viewed ,<https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/>

VANCOUVER

Rammina | Sciencx - » Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/

CHICAGO

" » Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo." Rammina | Sciencx - Accessed . https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/

IEEE

" » Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo." Rammina | Sciencx [Online]. Available: https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/. [Accessed: ]

rf:citation

» Day 64 of 100 Days of Code & Scrum: Dynamic OpenGraph Meta Tags Using next-seo | Rammina | Sciencx | https://www.scien.cx/2021/12/15/day-64-of-100-days-of-code-scrum-dynamic-opengraph-meta-tags-using-next-seo/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.