DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 967,611 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for How to add Dev posts to the subdomain of a personal website with Stackbit
Carlene Cannon-Conner
Carlene Cannon-Conner

Posted on • Updated on

How to add Dev posts to the subdomain of a personal website with Stackbit

Introduction

One of the advantages of having a blog (or in this case dev.to posts) as part of your existing website is that it will help you to gain organic traffic via search engines.

If you have a personal site (mysite.com) you can create a subdomain (dev-blog.mysite.com) and have that subdomain display any posts you have already created on dev.to. Additionally, it will automatically update with any new posts you create through dev.to.

In this post, I will discuss one way of how you can achieve this.

Generating a blog site with Stackbit

This post will take you through how to generate a blog site with Stackbit.

With it, you can customise the name of your stack (this will become the name of the repository added to your Github account). If you wish to customise this new site, you can do so by checking out the newly generated repository locally and via code changes, make styling and functional adjustments as appropriate.

You will be able to view the live site, hosted on Netflify, e.g. dev-blog-0a000.netlify.app

Hosting

Your personal site can be hosted on various platforms. You will need to set up a subdomain. I will instruct you using Netlify as an example.

Navigate to your team overview's page, where you will find a new site's entry for your new repository. Click on it, then set up a custom domain. Here you can add the custom domain e.g. dev-blog.mysite.com to match your DNS records. You may need to navigate to your DNS settings to achieve this.

If you were to now look at your DNS settings, you should have a record that looks something like this:

Name: dev-blog.mysite.com
TTL: 3600 seconds
Type: CNAME
Value: dev-blog-0a000.netlify.app
Enter fullscreen mode Exit fullscreen mode

Time to try out your new subdomain!

Latest comments (0)

๐ŸŒš Friends don't let friends browse without dark mode.

Sorry, it's true.