Skip to content

Commit 73117ec

Browse files
committed
Deploy NextJS projects
1 parent 5960306 commit 73117ec

File tree

1 file changed

+17
-7
lines changed

1 file changed

+17
-7
lines changed

docs/technologies/next-js/deploy-a-next.js-application-on-netlify.mdx

Lines changed: 17 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,18 @@
11
---
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
44
---
55

6-
# Deploy a Next.js application on Netlify
6+
# Deploy Next.js on Netlify
77

88
<SubHeading>Learn how to prepare and deploy a Next.js application on Netlify.</SubHeading>
99

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.
1112

12-
### Configuring the project for deployment and build
13+
![Deploy Next.js on Netlify - Tutorial provided by AppSeed.](https://github-production-user-asset-6210df.s3.amazonaws.com/51070104/270271822-7d508468-319c-4576-90d3-45e6a54a16d4.jpg)
14+
15+
## ✅ Configuring the Project
1316

1417
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:
1518

@@ -53,7 +56,7 @@ yarn build
5356

5457
if there is no error, the project is ready for deployment on Netlify.
5558

56-
### Deploying on Netlify
59+
## Deploying on Netlify
5760

5861
> We assume here that you have a Netlify account and that the project source code is hosted on a service like Github, Gitlab, etc.
5962
@@ -63,6 +66,13 @@ First, add a new site. If your project is already available on an online code ho
6366

6467
![Screenshot 2022-08-22 at 23-27-53 Import an existing project from a Git repository Netlify.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1661208127511/mJV59cEgs.png) 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/).
6568

66-
### Conclusion
69+
## ✅ In Summary
6770

6871
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/)
78+
- 👉 [Django App Generator](https://app-generator.dev/django/) - A 2nd generation App Builder

0 commit comments

Comments
 (0)