Building a Blog with Nuxt.js

A comprehensive course on building a blog from scratch using Nuxt without relying on any UI frameworks! Learn the core concepts of modern web development and harness the power of Nuxt to create an efficient and minimalist blog. From SEO optimization to component design, this course offers practical insights and hands-on guidance for mastering the art of custom web development.

· 4 min read

Today, blogs have evolved into essential platforms not only for recording thoughts but also for sharing knowledge, showcasing expertise, and building personal branding. For developers, in particular, blogs serve as indispensable tools to share code snippets, archive projects, and document technical insights.

Read
· 8 min read

In this article, we'll cover the process of preparing the development environment before diving into actual coding. This includes setting up code quality tools, styling infrastructure, and configuring multilingual support.

Read
· 10 min read

This time, we will develop common layout components such as Header, Footer, and Page. Along with this, we'll create and integrate a Language Switcher, Theme Switcher, and shared components like Button and Link into the layout.

Read
· 6 min read

Learn how to create a polished index page introducing the author, with a hero and snaps section, plus SEO optimization using the Nuxt SEO module.

Read
· 7 min read

This article introduces how to create a blog post list page. It covers implementing the blog.vue page component along with PostList and PostCard components using Nuxt 3 features, setting up i18n, and applying the facade pattern to fetch data asynchronously.

Read
· 9 min read

The post page is a screen that displays blog content individually, serving as a core space for interaction with users. It includes the title, author, body, images, and comments. In this guide, we will create a post page, customize an image component, and even build a gallery component.

Read
· 9 min read

In this post, we will create a portfolio page that displays projects in a gallery format. When clicked, a modal window will appear with a brief description.

Read