Qneksi Blog

[abdulrcs]

---

slug: qneksi-blog
date: 12-July-2021
summary: An SEO-friendly blog, built while I was working closely with the marketing team at Qneksi.
techStack: Next.js, Sass
category: Internship at Qneksi
deployLink: https://qneksi-blog.vercel.app
image: https://github.com/abdulrcs/abdulrahman.id/assets/54136956/914db29b-e283-48f9-b90a-b739c7dc07f9

Overview

When I was doing an internship at Qneksi (A referral-based recruitment company), I was given the responsibility to lead the development of the company's blog to maximize the exposure of the company, I also worked closely with and guided the marketing team to use Contentful CMS.

Project Goals

The primary goal of this project was to maximize Qneksi's online exposure and attract potential candidates and clients through relevant information. To achieve this, the blog needed to be:

• 💻 Search Engine Optimized (SEO-friendly)
• ⚡ Content Management System Integrated
• 🎨 Responsive & User-Friendly

Tech Stack

We built the Qneksi blog with Next.js for speed and SEO, using Contentful for easy content management by the marketing team. We threw in next-seo to help with search engines finding the blog, and next-sitemap to create a map for them to crawl everything. Google Analytics keeps track of who's visiting.

Features ✨

Dynamic CMS with Contentful

• I need a CMS for it so the marketing team can put up content.
• Building a CMS by myself is highly ineffective and has little impact.
• So I decided to use Contentful, a headless CMS that I can integrate into Next.js.
• This allows for real-time updates and seamless content delivery, so content can be delivered without manual deployment from the development team.

SEO Optimization

• The project uses Next.js's built-in SEO optimization features, making the blog more discoverable on search engines.

Sitemap Generation

• I utilized next-sitemap to generate the site's sitemap so Google can efficiently crawl and index the blog's pages, ultimately contributing to improved SEO.

Internationalization

• This project supports English and Bahasa by utilizing next/locale

Google Analytics

• Google Analytics was implemented to gain valuable insights into user behavior and website traffic.

Challenges

It was my first time doing SEO best practices, also working cross-team with the marketing team was a new experience for me at the time.

Learning and Takeaways

I learned how to do SEO best practices for making articles, handling markdown in Next.js, implementing analytics, and internalization.

It also marked a significant milestone in my development journey, for the first time, I led a whole project into production, and I was given the freedom to choose the tech stack and ultimately deliver a functional and valuable tool for the marketing team.