Now that we have some content exposed, it might have occurred that it's not really anything useful for a visitor. We're getting a JSON shape from the Contentful API, so let's make turn that into HTML markup using the tools that Contentful provides.

What makes a website a blog? Articles of course! In the last step we already did a lot of legwork to grab contents and show it on the page, so this is just a repetition of what we already were doing, should be straight forward then!

In previous parts we've already established a connection to Contentful, but it's a static setup. In this step we'll be mapping a route to a page, which allows for more creativity and less manual maintenance.

With CSS you can really make an interface pop! While text effects used to be very difficult years ago, there's so much more you can do with CSS nowadays.

So far we have two unconnected systems. So in this post, we're going to connect them to read from the Pages, Articles and Tags. We're first just going to add all of the utilities and helpers that we'll need. We're going to create a Nuxt plugin and some composables.

In this tutorial, we'll set up Contentful for the basics of a simple blog. This will not cover more advanced setups, like multi language support or specific types of content. You should be able to use this as a springboard to build to your own specific needs.

Nuxt 3.0 is superawesome at providing a very good Developer Experience while being performant at the same time. If you're into building simple webpages and into the Vue ecosystem, then why not build something with a headless CMS. Let's try a modern tech stack, with Vue & Nuxt, TypeScript, Contentful and deploy to Netlify.

Did you know that emoji can have a weird markup? You may be aware that some emoji are made up of a combination of multiple simpler emoji.

With JavaScript, there's a neat way of getting the ins and outs of a combined emoji.