Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
9 Hour(s) 13 Minute(s)
Language
English
Taught by
Batuhan Bilgin
Rating
Course Overview
Learn how to build a full-stack, multilingual and high performant blog website with Next.js 13.4 and Directus.
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!
Course Content
- 7 section(s)
- 108 lecture(s)
- Section 1 Getting Started
- Section 2 Building UI with Next.js and Tailwind CSS
- Section 3 Building CMS with Directus
- Section 4 Integrating Next.js and Directus
- Section 5 Internationalization (Multi-lingual Website)
- Section 6 How to Get Full Green SEO Score with Next.js 13
- Section 7 Deploying the Project
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
Skills covered in this course
Reviews
-
RRohit Poonia
the course is not updated directus have many changes things are messed up dont buy it if you are beginners
-
GGustavo Henrique De Souza Avide
More zoom needed in the screen, some resources should be available to copy/paste. You can learn well, but there's thing to get better for a student
-
LLucian Diaconu
The course is valid for beginnerss but it misses many explanations: - removing lang from path for default language - better explanations for middleware - better explanations for adding more than 1 language
-
MMaiane Gabriele de Araujo
Unfortunately, the course has several problems. But those three are really important: 1. While connecting with Directus the teacher uses Railwaind, which was free but it is not anymore. Now, there's no easy way to follow this part of the course (which is really important). Plus, some students asked about it and the teacher doens't give full workaourds, just vague answers. 2. I bought the course because of the internationalization part. In the most important part (middleware), instead of truly explaining what was going on the teacher says "this part is really hard, so I will just copy and explain things". The explanation is poor and this is the worst way to solve and hard part. If it is hard, this is where you truly need to build and explain, not almost skip because it is hard. 3. There a lot of parts in the course that he copies texts from the original website, from the original codebase, or he mentions other tools and he never leave easy links on the resources for us to access. We need to go back to the only class that has the link to the source code, or look for the links on our own. Unfortunately, I couldn't even finish the course. I was stuck on the Directus part (really, I tried a lot of workarounds on my own...). Plus, when I taught I could at least learn something from the internationalization part it was really vague (like, I had already learned more on my own).
