Vietnamese Guide

Overview

Vietnamese Guide is a Next.js and TypeScript learning platform for beginner Vietnamese lessons. It is built around structured guides, topic browsing, lesson pages, and reusable content patterns.

I built it because beginner language content can get scattered very quickly. A learner needs to know where to start, what to read next, and how each topic connects. The site gives them a clearer path through pronunciation, phrases, vocabulary, pronouns, numbers, and structured course content.

The Problem

Language learning content can become hard to follow if everything is published as separate articles. A beginner needs a clear starting point, related topics, simple navigation, and lessons that follow a consistent format.

What I Built

• •Guides hub with topic groups and a suggested learning path
• •Dynamic lesson pages
• •Category and tag archive pages
• •Reusable content blocks for examples, notes, conversations, and quizzes
• •Previous and next lesson navigation
• •Related lesson links
• •Dynamic metadata, canonical URLs, JSON-LD, sitemap, and robots setup

Technical Approach

I used Next.js App Router because the project needs strong routing, static generation, metadata control, and room for future learning features.

The first version stays file-based so the site remains simple and fast. The content structure is separated enough that it could later move into a CMS or database.

What I Would Improve Next

I would add native pronunciation audio, progress tracking, saved lessons, better search, and a fuller beginner course with more structured practice.