Create a Next.js app from scratch with create-next-app

Enable TypeScript support in a Next.js app

Add global styles to a Next.js app

Add CSS-in-JS styles with emotion to a Next.js app

Add static routes to a Next.js app

Create dynamic routes with next.js

Adding absolute imports to Next.js app

Use Static Generation with getStaticProps in Next.js with TypeScript

Use static generation for dynamic blog pages with Next.js

Set up Netlify deployments for a Next.js blog

Add client-side transitions to a Next.js app

Serve static files with Next.js

Use Head tag in Next.js to add metatags to a site

Add a Netlify Form to a site to gather user's feedback

Change a site name in Netlify

Build a site from scratch with Next.js, TypeScript, Emotion and Netlify

By default when we create a site in Netlify it'll receive a random name such as `https://elastic-franklin-d1c16f.netlify.app/`. In this quick lesson we're going to learn how we can set up a custom domain name.

https://app.egghead.io/api/v1/lessons/netlify-change-a-site-name-in-netlify/subtitles

Tomasz Łakomy: [0:00] Right now, our blog is hosted on this random domain elastic-franklin something, something which is not the best idea ever. Luckily, with Netlify, we can change our domain name rather easily. There are two ways to accomplish that in Netlify. We can either click on Domain settings in order for us to add a custom domain.

[0:17] We can either use a domain that we already own, or we can buy a new one directly from Netlify, but there's also something as that we can do that is not going to cost us anything. If I go back to the overview page and click on Site settings over here, I can change the site name.

[0:34] This is going to be free. The only problem is that it is going to end with netlify.app, but this is fine for us. I'm going to proceed. I'm going to change the site name to my-awesome-next-js-blog. Let me save that.

[0:47] Right now, my site is available under my-awesome-next-js-blog.netlify.app. If I click over here, we can see that our blog is available immediately on that site. If I refresh this elastic-franklin domain, we can see that it doesn't work anymore.

Change a site name in Netlify

Share this video with your friends

Course

Build a site from scratch with Next.js, TypeScript, Emotion and Netlify