@@ -18,6 +18,14 @@ logic to {{cloud_functions_full}}.
18
18
19
19
<<_ includes/_ preview-disclaimer.md>>
20
20
21
+ Caution: For developers creating a full-stack Next.js app, we strongly
22
+ recommend [ Firebase App Hosting] ( /docs/app-hosting/ ) .
23
+ If you're already using the frameworks experiment in the Firebase CLI, we
24
+ recommend "graduating" to
25
+ {{app_hosting}}. With {{app_hosting}}, you'll have a unified solution to manage
26
+ everything from CDN to server-side rendering, along with improved GitHub
27
+ integration.
28
+
21
29
<<_ includes/_ before-you-begin.md>>
22
30
23
31
- Optional: use the experimental ReactFire library to benefit from its
@@ -26,7 +34,7 @@ logic to {{cloud_functions_full}}.
26
34
<<_ includes/_ initialize-firebase.md>>
27
35
28
36
1 . Answer yes to "Do you want to use a web framework? (experimental)"
29
- 1 . Choose your hosting source directory. If this an existing Next.js app,
37
+ 1 . Choose your hosting source directory. If this is an existing Next.js app,
30
38
the {{cli}} process completes, and you can proceed to the next section.
31
39
1 . If prompted, choose Next.js.
32
40
@@ -45,14 +53,14 @@ on its live site.
45
53
## Pre-render dynamic content
46
54
47
55
The {{firebase_cli}} will detect usage of
48
- [ getStaticProps] ( https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-props )
56
+ [ getStaticProps] ( https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-props )
49
57
and [ getStaticPaths] ( https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-paths ) .
50
58
51
59
### Optional: integrate with the Firebase JS SDK
52
60
53
61
When including Firebase JS SDK methods in both server and client bundles, guard
54
62
against runtime errors by checking ` isSupported() ` before using the product.
55
- Not all products are
63
+ Not all products are
56
64
[ supported in all environments] ( /docs/web/environments-js-sdk#other_environments ) .
57
65
58
66
Tip: consider using
@@ -69,7 +77,7 @@ and [getStaticPaths](https://nextjs.org/docs/basic-features/data-fetching/get-st
69
77
70
78
The {{firebase_cli}} will detect usage of
71
79
[ getServerSideProps] ( https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props ) .
72
- In such cases, the {{cli}} will deploy functions to {{cloud_functions_full}} to run dynamic
80
+ In such cases, the {{cli}} will deploy functions to {{cloud_functions_full}} to run dynamic
73
81
server code. You can view information about these functions, such as their domain and runtime
74
82
configuration, in the [ Firebase console] ( https://console.firebase.google.com/project/_/functions ) .
75
83
@@ -87,7 +95,7 @@ interoperate well together.
87
95
88
96
### Redirects, Rewrites, and Headers
89
97
90
- The {{firebase_cli}} respects
98
+ The {{firebase_cli}} respects
91
99
[ redirects] ( https://nextjs.org/docs/api-reference/next.config.js/redirects ) ,
92
100
[ rewrites] ( https://nextjs.org/docs/api-reference/next.config.js/rewrites ) , and
93
101
[ headers] ( https://nextjs.org/docs/api-reference/next.config.js/headers ) in
0 commit comments