upstream #1
| @@ -229,9 +229,11 @@ See [Next.js on Netlify](https://docs.netlify.com/integrations/frameworks/next-j | ||||
| **Static hosting services / GitHub Pages / S3 / Firebase etc.** | ||||
|  | ||||
| 1. Add `output: 'export'` in `next.config.js`. See [static exports documentation](https://nextjs.org/docs/app/building-your-application/deploying/static-exports#configuration) for more information. | ||||
| 2. Change `components/Image.tsx` to use a standard `<img>` tag instead of `next/image`. Alternatively, to continue using `next/image`, you can use an alternative image optimization provider such as Imgix, Cloudinary or Akamai. See [image optimization documentation](https://nextjs.org/docs/app/building-your-application/deploying/static-exports#image-optimization) for more details. | ||||
| 3. Remove `api` folder and components which call the server-side function such as the Newsletter component. | ||||
| 4. Run `yarn build`. The generated static content is in the `out` folder. | ||||
| 2. Comment out `headers()` from `next.config.js`. | ||||
| 3. Change `components/Image.tsx` to use a standard `<img>` tag instead of `next/image`. Alternatively, to continue using `next/image`, you can use an alternative image optimization provider such as Imgix, Cloudinary or Akamai. See [image optimization documentation](https://nextjs.org/docs/app/building-your-application/deploying/static-exports#image-optimization) for more details. | ||||
| 4. Remove `api` folder and components which call the server-side function such as the Newsletter component. Not technically required and the site will build successfully, but the APIs cannot be used as they are server-side functions. | ||||
| 5. Run `yarn build`. The generated static content is in the `out` folder. | ||||
| 6. Deploy the `out` folder to your hosting service of choice or run `npx serve out` to view the website locally. | ||||
|  | ||||
| ## Support | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user