Accessibility was always important, but lately it gained even more traction and if you don’t know how to create accessible websites, you can’t really call yourself a good frontend developer. Today we’ll look at one of the most basic elements of any website - a button. How to make it accessible?
In this guide you’ll use the SEO plugin for Strapi and consume the SEO data in your Next.js app via GraphQL.
Now you’ll use the experience from displaying list of posts for specific tag to create a Search component. User will be able to search for any query and should get a list of posts that fulfill the query.
The blog post preview cards on your homepage display not only the cover, title and excerpt, but also a list of tags. It would be great if user could click on any of the tags and then see all blog posts connected to it.
Now it’s finally time to put your app online! In this article you will publish your Next.js app on Netlify and do some layout changes so the page is displayed correctly across devices.
You can see all your posts already on your homepage as cards. But now let’s go a step further - create a subpage for every post.
This Next.js app will consume content provided by the CMS and present it on a webpage. In this part of the series basic homepage with a list of blog posts will be created and set up locally.
Whether you want to create a simple blog or a portfolio website it is always a good idea to use a good CMS behind. Of course try to write your own CMS, but let's be frank - in most cases the best way is to use an existing one.