1
00:00:02,000 --> 00:00:04,000
At this point in the course now,

2
00:00:04,000 --> 00:00:06,000
we learned about all the core features

3
00:00:06,000 --> 00:00:09,000
that make up Next.js,

4
00:00:09,000 --> 00:00:12,000
all the core benefits it has to offer,

5
00:00:12,000 --> 00:00:14,000
all the core features you need to know

6
00:00:14,000 --> 00:00:19,000
when you are working with Next.js in your own projects.

7
00:00:19,000 --> 00:00:22,000
And we did learn about all those concepts

8
00:00:22,000 --> 00:00:24,000
in theory with small demos

9
00:00:24,000 --> 00:00:28,000
and also with our events course project.

10
00:00:28,000 --> 00:00:32,000
In this course section, we're going to dive

11
00:00:32,000 --> 00:00:34,000
into yet another course project.

12
00:00:34,000 --> 00:00:38,000
A brand new project which we build from scratch,

13
00:00:38,000 --> 00:00:42,000
where we will again apply everything we learned

14
00:00:42,000 --> 00:00:44,000
from the ground up in one go.

15
00:00:44,000 --> 00:00:46,000
So in one complete project,

16
00:00:46,000 --> 00:00:49,000
without any pauses or interruptions,

17
00:00:49,000 --> 00:00:53,000
and we're going to build a complete blog website.

18
00:00:53,000 --> 00:00:56,000
To be precise, this is what we're going to build.

19
00:00:56,000 --> 00:01:00,000
A blog website which you could deploy like that.

20
00:01:00,000 --> 00:01:02,000
And we are going to deploy it

21
00:01:02,000 --> 00:01:05,000
in the next course section by the way.

22
00:01:05,000 --> 00:01:07,000
And this website has a starting page

23
00:01:07,000 --> 00:01:10,000
with some featured blog posts.

24
00:01:10,000 --> 00:01:13,000
And of course we as the owner of this blog

25
00:01:13,000 --> 00:01:18,000
will be able to decide which posts should be featured.

26
00:01:18,000 --> 00:01:21,000
We'll then have a page with all the blog posts.

27
00:01:21,000 --> 00:01:24,000
We can dive into an individual blog post,

28
00:01:24,000 --> 00:01:29,000
and there we also support features like in line images.

29
00:01:29,000 --> 00:01:31,000
So images inside of the article

30
00:01:31,000 --> 00:01:33,000
and inline code snippets

31
00:01:33,000 --> 00:01:36,000
which are rendered in a good looking way.

32
00:01:36,000 --> 00:01:39,000
And we also will have a contact page with a forum

33
00:01:39,000 --> 00:01:44,000
where visitors can contact us and we'll use an API route

34
00:01:44,000 --> 00:01:47,000
to handle requests sent from that form

35
00:01:47,000 --> 00:01:52,000
to then store that contact data in a MongoDB database.

36
00:01:53,000 --> 00:01:57,000
Now the blog posts will not be stored in that database.

37
00:01:57,000 --> 00:02:00,000
Instead, we'll use a language called a Markdown folded

38
00:02:00,000 --> 00:02:05,000
to add Markdown files in a special folder of our project

39
00:02:05,000 --> 00:02:09,000
and write our blogs with Markdown to then render them out

40
00:02:09,000 --> 00:02:12,000
as HTML like redoing it here.

41
00:02:12,000 --> 00:02:15,000
That is what we're going to build in this course section,

42
00:02:15,000 --> 00:02:17,000
a complete project.

43
00:02:17,000 --> 00:02:19,000
And by doing so, we will again practice

44
00:02:19,000 --> 00:02:21,000
all the things we learned

45
00:02:21,000 --> 00:02:24,000
and we again will apply all the core features

46
00:02:24,000 --> 00:02:27,000
we had a look at throughout this course.

47
00:02:27,000 --> 00:02:30,000
Now to get started with this complete blog,

48
00:02:30,000 --> 00:02:33,000
I have a brand new Next.js project

49
00:02:33,000 --> 00:02:37,000
where I just removed some of the initial pages

50
00:02:37,000 --> 00:02:40,000
and you'll find this starting project attached again.

51
00:02:40,000 --> 00:02:44,000
It's a very simple project, not too complex,

52
00:02:44,000 --> 00:02:48,000
just has some starting code, some starting structure.

53
00:02:48,000 --> 00:02:50,000
And we're going to add our own code,

54
00:02:50,000 --> 00:02:53,000
our own components, our own pages

55
00:02:53,000 --> 00:02:57,000
and our own styles step by step throughout this module.