TL;DR: Today we are happy to announce our initial release of our SEO-forward Next.js Starter Boilerplate. 🥳Check out the source code to get started or read on to learn the motivation for this.
- Why create another Next.js starter kit?
- Next.js – The SEO-Friendly Framework
- What’s next? (pun intended)
Yet another Next.js starter kit – why?
While developers have been busy building complex web applications, we were consulting with clients wanting to know why their new e-commerce site wasn’t getting indexed, or listed, by search engines.
We found that many of their apps were not developed with any SEO considerations in mind. 😧 So we set out to create an SEO-forward starter kit for the developer community.
Next.js – The SEO-Friendly Framework
Next.js is a framework for building SEO-friendly Server-Side Rendering (SSR) ReactJS applications. We decided to utilize Next.js to make a slightly-opinionated boilerplate that would use an SEO-forward approach rather than just SEO-friendly.
Next.js is already SEO-friendly with features like server-side rendering and probably most importantly, the ability to configure your <head></head> element on your website.
So a developer is able to make an SEO-friendly React app, however, it takes a couple Nextjs plugins and a little configuration.
From SEO-friendly to SEO-forward
We wanted to create something SEO-forward. To us, that meant making a simple boilerplate focused on creating a Next.js app that would make developers and SEO professionals happy. You can read a complete list of our starter features.
Now, developers and marketers can work together to make sure that their apps
- Sitewide default SEO options
- Custom page titles & meta descriptions (on a page-by-page basis)
- Open Graph information
- Twitter Card
- JSON-LD structured data implementation
- Robots.txt file
- Dynamically generate a static sitemap
So, what’s next? (pun intended 😂)
Currently, version 1.0.0 is pretty barebones. Because of this, there really is no end goal in sight. However, we do plan to add a static blog using markdown (MDX), user authentication, and user management features.
Getting started with our Next.js Starter Boilerplate
At The Karmic Agency, we create for humans and our mission is ‘to use design, technology, and empathy to move people forward’. Our goal was to help developers find or build SEO-friendly ReactJS solutions.
If you’re a developer looking for an SEO-forward approach to developing React apps, please clone our SEO-friendly boilerplate repository and create something!
If you’re a marketer working alongside developers, maybe this is your chance to show your team how you can better serve your clients.
Find a mistake? Let us know or discuss in the comments below.
Header credit: @Mehaniq via Twenty20