If you're (like me) liking the ease of hosting with Netlify and are using Nuxt to power a static site, there is probably a rule of thumb which predicts when you'll need a form on your site. Luckily, Netlify has support built in, but you need to set up your configuration correctly for it to work.

Let's see what we need to do in order to add a concise form (you'll know how to take it from there, I'm sure) and get submissions in your Netlify dashboard.

If you've followed the series in setting up a Contentful powered Nuxt blog, you have a decent amount of routes in place. To wrap up everything related to routing, let's add a formatted error page, for a 404 status code.

With some nicely formatted content, the blog becomes readable, so let's improve the internal linking system by investigating the Tags in relation to Articles. This will allow users to navigate and group articles based on a common tag.

Requirement for this step is to have multiple articles added, where some have a common tag.

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.

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.

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.