WebDevOpsTutorial/development.info.txt at main · astechedu/WebDevOpsTutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

>>>> Development Info <<<<<<<<<<

----------------------------------------
----------------------------------------
Keys:
      next.js,
----------------------------------------
----------------------------------------
----------------------------------------
----------------------------------------
----------------------------------------
----------------------------------------
----------------------------------------
----------------------------------------


>>>>>>  Next Js ( next.js) <<<<<<<<<<<<<


A Server Side Rendering Framework

 Youtube Channel ( Hindi ) : ILive4Codding


PWAs,
Production,
Static Websites,
SEO friendly website,
the Desktop,
Electron,
Pre-Rendered Apps,
the Jamstack,


What is use of server side rendering?

1. SEO Crawlers can read the site content easily


What to use Next Js?

 -Pre-Rendering - Server side or Static Site Generation


-No setup for Server Side Rendering of React App
-Easy concepts or Page Creation
-No Configuration Routing
-Automatice code splitting
-Dynamic routing


What are Pages in Next.JS

-We just add files in pages folder to create a new page

......

Two forms of Pre-rendering:

Next.js has two forms of pre-rendering:

    Static Generation and Server-side Rendering. The difference is in when it generates the HTML for a page.

    Static Generation (Recommended): The HTML is generated at build time and will be reused on each request.
    Server-side Rendering: The HTML is generated on each request.

-----------------------------------------------------------------------