You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/technologies/next-js/deploy-a-next.js-application-on-netlify.mdx
+17-7Lines changed: 17 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,18 @@
1
1
---
2
-
sidebar_position: 3
3
-
description: Learn how to prepare and deploy a Next.js application on Netlify.
2
+
title : Deploy NextJS projects
3
+
sidebar_label : Deploy on Netlify
4
4
---
5
5
6
-
# Deploy a Next.js application on Netlify
6
+
# Deploy Next.js on Netlify
7
7
8
8
<SubHeading>Learn how to prepare and deploy a Next.js application on Netlify.</SubHeading>
9
9
10
-
In the last document, we learned how to create a simple Next.js application. In this document, you will learn how to deploy a Next.js application on Netlify.
10
+
In the last document, we learned how to create a simple Next.js application.
11
+
In this document, you will learn how to deploy a Next.js application on Netlify.
11
12
12
-
### Configuring the project for deployment and build
13
+

14
+
15
+
## ✅ Configuring the Project
13
16
14
17
Before deploying the application, we must ensure that the Next.js application is ready for production. Let's start with optimizing the images for production. First, install the following packages:
15
18
@@ -53,7 +56,7 @@ yarn build
53
56
54
57
if there is no error, the project is ready for deployment on Netlify.
55
58
56
-
###Deploying on Netlify
59
+
##✅ Deploying on Netlify
57
60
58
61
> We assume here that you have a Netlify account and that the project source code is hosted on a service like Github, Gitlab, etc.
59
62
@@ -63,6 +66,13 @@ First, add a new site. If your project is already available on an online code ho
63
66
64
67
 You will be redirected to the last configuration for the project such as the command and the output directory. No need to modify something here as we have already done it in the `netlify.toml` file. Validate and wait for the deployment. You can find an online version of this project [here](https://rococo-bienenstitch-ddae51.netlify.app/).
65
68
66
-
### Conclusion
69
+
##✅ In Summary
67
70
68
71
In this documentation, we quickly learned how to deploy a `Next.js` application on Netlify. In the next document, we will discuss best practices to follow when working with `Next.js`.
72
+
73
+
## ✅ Resources
74
+
75
+
- 👉 Access [AppSeed](https://appseed.us/) and start your next project
76
+
- 👉 [Deploy Projects on Aws, Azure and Digital Ocean](https://www.docs.deploypro.dev/) via **DeployPRO**
77
+
- 👉 Create an amazing landing page with [Simpllo, an open-source site builder](https://www.simpllo.com/)
0 commit comments