Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:02,150 --> 00:00:04,350
At this point in the course now,
2
00:00:04,350 --> 00:00:06,970
we learned about all the core features
3
00:00:06,970 --> 00:00:09,200
that make up Next.js,
4
00:00:09,200 --> 00:00:12,220
all the core benefits it has to offer,
5
00:00:12,220 --> 00:00:14,810
all the core features you need to know
6
00:00:14,810 --> 00:00:19,160
when you are working with Next.js in your own projects.
7
00:00:19,160 --> 00:00:22,000
And we did learn about all those concepts
8
00:00:22,000 --> 00:00:24,910
in theory with small demos
9
00:00:24,910 --> 00:00:28,950
and also with our events course project.
10
00:00:28,950 --> 00:00:32,040
In this course section, we're going to dive
11
00:00:32,040 --> 00:00:34,790
into yet another course project.
12
00:00:34,790 --> 00:00:38,760
A brand new project which we build from scratch,
13
00:00:38,760 --> 00:00:42,010
where we will again apply everything we learned
14
00:00:42,010 --> 00:00:44,640
from the ground up in one go.
15
00:00:44,640 --> 00:00:46,350
So in one complete project,
16
00:00:46,350 --> 00:00:49,670
without any pauses or interruptions,
17
00:00:49,670 --> 00:00:53,190
and we're going to build a complete blog website.
18
00:00:53,190 --> 00:00:56,700
To be precise, this is what we're going to build.
19
00:00:56,700 --> 00:01:00,730
A blog website which you could deploy like that.
20
00:01:00,730 --> 00:01:02,990
And we are going to deploy it
21
00:01:02,990 --> 00:01:05,300
in the next course section by the way.
22
00:01:05,300 --> 00:01:07,830
And this website has a starting page
23
00:01:07,830 --> 00:01:10,260
with some featured blog posts.
24
00:01:10,260 --> 00:01:13,810
And of course we as the owner of this blog
25
00:01:13,810 --> 00:01:18,070
will be able to decide which posts should be featured.
26
00:01:18,070 --> 00:01:21,200
We'll then have a page with all the blog posts.
27
00:01:21,200 --> 00:01:24,370
We can dive into an individual blog post,
28
00:01:24,370 --> 00:01:29,300
and there we also support features like in line images.
29
00:01:29,300 --> 00:01:31,680
So images inside of the article
30
00:01:31,680 --> 00:01:33,550
and inline code snippets
31
00:01:33,550 --> 00:01:36,120
which are rendered in a good looking way.
32
00:01:36,120 --> 00:01:39,700
And we also will have a contact page with a forum
33
00:01:39,700 --> 00:01:44,580
where visitors can contact us and we'll use an API route
34
00:01:44,580 --> 00:01:47,860
to handle requests sent from that form
35
00:01:47,860 --> 00:01:52,860
to then store that contact data in a MongoDB database.
36
00:01:53,510 --> 00:01:57,500
Now the blog posts will not be stored in that database.
37
00:01:57,500 --> 00:02:00,810
Instead, we'll use a language called a Markdown folded
38
00:02:00,810 --> 00:02:05,140
to add Markdown files in a special folder of our project
39
00:02:05,140 --> 00:02:09,729
and write our blogs with Markdown to then render them out
40
00:02:09,729 --> 00:02:12,860
as HTML like redoing it here.
41
00:02:12,860 --> 00:02:15,770
That is what we're going to build in this course section,
42
00:02:15,770 --> 00:02:17,180
a complete project.
43
00:02:17,180 --> 00:02:19,940
And by doing so, we will again practice
44
00:02:19,940 --> 00:02:21,550
all the things we learned
45
00:02:21,550 --> 00:02:24,410
and we again will apply all the core features
46
00:02:24,410 --> 00:02:27,290
we had a look at throughout this course.
47
00:02:27,290 --> 00:02:30,300
Now to get started with this complete blog,
48
00:02:30,300 --> 00:02:33,610
I have a brand new Next.js project
49
00:02:33,610 --> 00:02:37,040
where I just removed some of the initial pages
50
00:02:37,040 --> 00:02:40,890
and you'll find this starting project attached again.
51
00:02:40,890 --> 00:02:44,130
It's a very simple project, not too complex,
52
00:02:44,130 --> 00:02:48,050
just has some starting code, some starting structure.
53
00:02:48,050 --> 00:02:50,970
And we're going to add our own code,
54
00:02:50,970 --> 00:02:53,280
our own components, our own pages
55
00:02:53,280 --> 00:02:57,823
and our own styles step by step throughout this module.
4411
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.