1
00:00:03,000 --> 00:00:05,099
Before we continue developing

2
00:00:05,099 --> 00:00:06,692
our first Next.js app,

3
00:00:06,764 --> 00:00:09,539
I want to quickly show you where you can

4
00:00:09,539 --> 00:00:12,175
find the source code for this project.

5
00:00:12,244 --> 00:00:14,245
This will be useful if you have

6
00:00:14,245 --> 00:00:16,247
any problems with your own code

7
00:00:16,311 --> 00:00:18,687
while following along with the videos.

8
00:00:18,687 --> 00:00:21,299
Under the Resources for this lecture,

9
00:00:21,299 --> 00:00:24,394
you'll find a link to the GitHub repository,

10
00:00:24,394 --> 00:00:26,617
that contains all the code for

11
00:00:26,617 --> 00:00:28,470
the Next Reviews example.

12
00:00:28,544 --> 00:00:30,781
Now, what you see on this page

13
00:00:30,781 --> 00:00:32,348
is the "main" branch;

14
00:00:32,421 --> 00:00:35,060
this contains the final code.

15
00:00:35,060 --> 00:00:37,797
It includes everything that's covered in

16
00:00:37,797 --> 00:00:40,535
the next several sections of the course.

17
00:00:40,603 --> 00:00:43,188
But most of the time you'll want to check

18
00:00:43,188 --> 00:00:45,647
what the code should be at the end

19
00:00:45,647 --> 00:00:47,816
of a specific lecture instead.

20
00:00:47,888 --> 00:00:50,444
You can see the changes made in each video

21
00:00:50,444 --> 00:00:52,662
by clicking this "commits" link.

22
00:00:52,662 --> 00:00:54,956
This page shows all the changes

23
00:00:54,956 --> 00:00:56,363
made at every step,

24
00:00:56,437 --> 00:00:58,392
and I pushed a separate commit

25
00:00:58,392 --> 00:01:00,282
for each video in the course,

26
00:01:00,347 --> 00:01:03,734
with the lecture title as the commit message.

27
00:01:03,734 --> 00:01:06,166
Note that this list is in reverse

28
00:01:06,166 --> 00:01:07,640
chronological order,

29
00:01:07,713 --> 00:01:09,884
so the first change we made

30
00:01:09,884 --> 00:01:11,894
will be the oldest entry.

31
00:01:11,975 --> 00:01:14,261
You can see that it says "Creating

32
00:01:14,261 --> 00:01:15,539
a Next.js Project".

33
00:01:15,606 --> 00:01:17,726
If we go back to the previous page,

34
00:01:17,786 --> 00:01:21,349
the second commit says "Home Page", and so on.

35
00:01:21,349 --> 00:01:23,959
Each commit message is the same

36
00:01:23,959 --> 00:01:26,332
as the title of the video where

37
00:01:26,332 --> 00:01:27,939
I made those changes.

38
00:01:28,016 --> 00:01:30,396
"Creating a Next.js Project" was the

39
00:01:30,396 --> 00:01:32,380
first lecture in this section,

40
00:01:32,446 --> 00:01:35,040
"Home Page" the second, and so on.

41
00:01:35,040 --> 00:01:37,211
Now, to make it really easy for

42
00:01:37,211 --> 00:01:39,103
you to find the right code,

43
00:01:39,173 --> 00:01:40,949
I've added a link under the

44
00:01:40,949 --> 00:01:42,725
Resources for each lecture.

45
00:01:42,791 --> 00:01:45,972
So if you open the "Diff" for the "Home Page",

46
00:01:45,972 --> 00:01:47,784
this will show you the changes

47
00:01:47,784 --> 00:01:49,416
made in the previous video.

48
00:01:49,476 --> 00:01:52,284
The diff shows which files we changed,

49
00:01:52,284 --> 00:01:54,340
and for each file, exactly

50
00:01:54,340 --> 00:01:56,239
which lines we modified.

51
00:01:56,318 --> 00:01:58,322
There's also a "Split" view,

52
00:01:58,438 --> 00:02:01,107
that shows the code before and after,

53
00:02:01,107 --> 00:02:02,044
side by side.

54
00:02:02,116 --> 00:02:04,467
You can choose whichever view you prefer.

55
00:02:04,467 --> 00:02:06,724
The important thing is that you

56
00:02:06,724 --> 00:02:08,616
can use this diff to check

57
00:02:08,690 --> 00:02:10,487
if you made all the right

58
00:02:10,487 --> 00:02:12,285
changes to your own code.

59
00:02:12,356 --> 00:02:15,382
Now, sometimes instead of the differences,

60
00:02:15,382 --> 00:02:18,620
you may want to see the full file contents.

61
00:02:18,620 --> 00:02:20,390
You can do that by clicking

62
00:02:20,390 --> 00:02:22,159
this "Browse files" button,

63
00:02:22,224 --> 00:02:24,412
that shows the repository at

64
00:02:24,412 --> 00:02:26,444
this point in the history.

65
00:02:26,522 --> 00:02:29,211
Note that, instead of the "main" branch

66
00:02:29,211 --> 00:02:32,788
this page now displays a specific commit ID,

67
00:02:32,788 --> 00:02:36,014
and you can also see the last commit message here.

68
00:02:36,014 --> 00:02:38,575
So, if you want to see the full code

69
00:02:38,575 --> 00:02:40,638
for the HomePage for example,

70
00:02:40,709 --> 00:02:43,544
you can simply open "page.jsx",

71
00:02:43,544 --> 00:02:45,858
and here you'll see the full file,

72
00:02:45,858 --> 00:02:49,069
that you may want to copy into your own project.

73
00:02:49,069 --> 00:02:51,149
You can also download all the

74
00:02:51,149 --> 00:02:52,727
files to your machine,

75
00:02:52,799 --> 00:02:55,469
by selecting Download ZIP here,

76
00:02:55,469 --> 00:02:57,719
or using the Git command line tool

77
00:02:57,719 --> 00:02:59,506
if you're familiar with it.

78
00:02:59,572 --> 00:03:01,981
So you have a few ways to check

79
00:03:01,981 --> 00:03:03,767
your code against mine,

80
00:03:03,845 --> 00:03:06,107
in case something is not working

81
00:03:06,107 --> 00:03:07,521
in your own project.

82
00:03:07,592 --> 00:03:09,679
If you cannot solve the problem

83
00:03:09,679 --> 00:03:11,227
by looking at the code,

84
00:03:11,294 --> 00:03:14,395
please check the "Q&A" tab in the course.

85
00:03:14,395 --> 00:03:17,632
Maybe a similar issue was discussed before,

86
00:03:17,632 --> 00:03:21,535
and from time to time I also post updates here,

87
00:03:21,535 --> 00:03:24,455
like if there's a new version of some library

88
00:03:24,455 --> 00:03:27,531
and the code needs to be slightly different.

89
00:03:27,531 --> 00:03:31,187
You can search all questions by typing a keyword,

90
00:03:31,187 --> 00:03:33,271
and you'll see any results here.

91
00:03:33,271 --> 00:03:35,315
If you don't find anything, you

92
00:03:35,315 --> 00:03:37,293
can always ask a new question,

93
00:03:37,359 --> 00:03:39,577
selecting "Course content",

94
00:03:39,579 --> 00:03:42,137
and here you can post a new message.

95
00:03:42,137 --> 00:03:45,359
Please make sure to write a descriptive title,

96
00:03:45,359 --> 00:03:48,210
and provide as many details as possible.

97
00:03:48,210 --> 00:03:50,945
You can add screenshots with this button,

98
00:03:50,945 --> 00:03:54,656
and also format code by clicking this other icon.

99
00:03:54,656 --> 00:03:56,814
Keep in mind that I'm not always

100
00:03:56,814 --> 00:03:58,973
available to answer immediately;

101
00:03:59,041 --> 00:04:01,086
among other things, we may be

102
00:04:01,086 --> 00:04:02,779
in different time zones,

103
00:04:02,849 --> 00:04:04,875
so if it's afternoon for you

104
00:04:04,875 --> 00:04:06,539
when you post something

105
00:04:06,611 --> 00:04:09,144
it may be the middle of the night for me,

106
00:04:09,144 --> 00:04:11,385
which means I'll only see your question

107
00:04:11,385 --> 00:04:12,649
the following morning.

108
00:04:12,707 --> 00:04:14,866
The more details you give me, and

109
00:04:14,866 --> 00:04:16,567
the more likely it is that

110
00:04:16,632 --> 00:04:18,930
I'll be able to give you a solution

111
00:04:18,930 --> 00:04:20,180
in the first reply.

112
00:04:20,245 --> 00:04:22,943
If I have to ask you for more information,

113
00:04:22,943 --> 00:04:25,977
the back and forth will just take longer.

114
00:04:25,977 --> 00:04:29,474
That's also why I provide this Github repository:

115
00:04:29,474 --> 00:04:32,908
so you can easily check all the code for yourself,

116
00:04:32,908 --> 00:04:35,778
without having to wait for me to reply.