Building a Full-stack Multilingual Blog with Next.js 13.4

Learn how to build a full-stack, multilingual and high performant blog website with Next.js 13.4 and Directus.

What you'll learn
How to Build Modern UI with NextJS and Tailwind CSS
Latest Features of NextJS 13 such as 'App Directory', 'Server Components', 'Server Actions' etc.
How to Build Roboust and Scalable Applications with NextJS 13
How to Build Your Own Headless CMS with Directus
How to Integrate NextJS with Headless CMS
How to Create Multilingual Applications with NextJS 13
How to Get Full SEO Scrore with Metadata API of NextJS13
How to Deploy NextJS with Vercel
How to Deploy Directus with Railway
Requirements
No prior NextJS knowledge is required. You will learn everything from scratch.
React knowledge is recommended. You should at least have an idea about React.
Javascript knowledge is strongly recommended. This is not a begginer course for new comers to Javascript world.
Description
Are you looking to build a modern, full-stack blog with the latest technologies? Look no further than this comprehensive Udemy course, which will guide you through the process of building a
professional-grade blog using Next.js, Directus CMS, and Tailwind CSS.
Over the course of 108 lectures, you will learn how to build a responsive, performant blog with dynamic routing and localisation, complete with search engine optimisation, social media integration, and Google Analytics. You will also learn how to set up a Directus CMS instance and populate it with content, as well as how to deploy your project using Vercel.
The course begins with an overview of the project and why these technologies were chosen, followed by instructions on how to set up your development environment. You will then dive into building the UI using Next.js and Tailwind CSS, starting with file-based routing and layouts, before moving on to more complex features like dynamic routing and generating static params.
Once the UI is in place, the focus shifts to integrating with Directus CMS. You will learn how to set up a Directus instance and create tables and relations for your blog content. You will then use Directus JS SDK to fetch data from Directus and generate metadata for your blog pages, including titles, descriptions, and OG images.
Throughout the course, you will be introduced to key concepts such as
APIs, CRUD operations, middleware, and responsive design
. You will also learn how to optimise your images on the fly using Directus, as well as how to create localised routes and data for internationalisation.
By the end of the course, you will have a fully functional blog with a polished UI,
dynamic routing, localisation, and SEO optimisation
. You will also have the skills to set up and manage a Directus CMS instance, as well as the knowledge to deploy your project to the web.
This course is perfect for beginner-level developers who are looking to expand their skills and build a real-world project.
It assumes a basic knowledge of HTML, CSS, and JavaScript.
Whether you are looking to build your own blog or simply want to learn the latest web development technologies, this course has everything you need to succeed.
Enroll now and start building your own full-stack blog today!
Who this course is for:
Beginner React Developers / Learners
Beginner Javascript Developers / Learners
Beginner Nextjs Developers / Learners
Experienced Developers who wants to learn advaced use cases such as Internationalization or Metadata API


More Info