Static Blog With Next.js and Markdown


Create a basic blog using Next.js and Markdown.

Code: https://github.com/bradtraversy/next-markdown-blog
Demo: https://next-markdown-blog-drab.vercel.app/

Full Next.js Udemy Course Coupon:
https://www.udemy.com/course/nextjs-dev-to-deployment/?couponCode=YOUTUBE5DAY

Next Crash Course: https://www.youtube.com/watch?v=mTz0GXj8NN0&t=1292s
Markdown Crash Course: https://www.youtube.com/watch?v=HUBNt18RFbo&t=40s

Timestamps:
0:00 – Intro
2:54 – Next.js Setup & Styling
7:10 – Header Component
9:08 – Create a Markdown File
11:44 – Fetch Markdown Files
14:56 – Get Slug & Frontmatter
19:50 – Displaying Posts
25:21 – Post Page & Generate Paths
34:50 – Displaying The Post
27:40 – Sort Posts By Date
39:50 – Exporting a Static Site
43:34 – Deploy to Vercel

Alternatives To Using JavaScript During The Web Development Process

Whilst designers and developers alike love JavaScript for the attractive and functional websites that it helps them create, it is important to keep in mind that some internet users will actually have it disabled on their computers. Some people will use unobtrusive JavaScript (which presents this interactivity only when the website registers that JavaScript has been enabled), but this is not always an option. To ensure that you are catering for all of your website visitors, it is important to look into other options of displaying information during the web development process.

What Are The Pros And Cons Of Outsourcing Web Development Work?

There is a lot of hype and debate surrounding ‘outsourcing’, especially when it comes to the information technology sector. Many companies in the developed countries of Australia and the United States are finding it highly beneficial to outsource some of their work, especially web development, to less developed countries, such as India. Other companies see this as cheating of sorts and are completely against it.

How To Make A Custom Website Affordable

Oftentimes, website designers will offer extremely professional websites to their past, present and future clients. These websites will be 100% customized, designed from the ground up. They won’t be templated websites. They won’t be pre-existing or copied websites. They will be truly customized, unique, original, one-of-a-kind websites. Of course, this type of website takes time to build. It takes time to prepare, plan and come up with the ideas and research required to put together such a unique website. And with time, takes money (time is money). The price tag for a customized website could easily run in the thousands of dollars or higher. And these days, competition is extremely fierce. Large website companies offer websites for pennies per month. So, what’s the best way to work with clients looking for a custom website design?

Five Steps to Better Web Design for Your Business

Business owners looking into web design should avoid doing this on their own. Instead, they should gain a basic understanding of what goes into building a website, assess their needs, and learn to ask the right questions before hiring a web design professional.

You Can Do Without Web Portal Development Services, Only If You Don’t Have a Website Yet!

Yeah, it’s true to the core. If there’s someone out there who has managed to optimize his company’s digital presence without leveraging the expertise of web portal development services, then he and his act is sure to find a place in the headlines. But (practically) each and every tech entrepreneur can’t do this.

You May Also Like