A tiny CLI tool to host any of your static next.js sites on AWS S3 and Cloudfront.
There are many great ways to host a Next.js app, especially vercel but there are times, when they are simply just overkill - and can even result in slower load times than a regular static site.
With that said, there are some pros and cons against hosting on S3;
Pros:
Cons:
I know there are other web frameworks, created for such type of hosting but let's be honest; working on a next.js project can't be compared DX-wise to any other production framework.
Using NPM
npm install --save-dev next-s3
or using yarn
yarn add -D next-s3
Note: It is recommended to install the page as a dev dependency.
Run the following command from inside your Next.js project:
next-s3 deploy --bucket <bucket-name> --distribution <cloudfront distribution id>
Note: I assume the package has been installed globally.
All the parameters available to use:
Option | Dotenv key | Required | Description | Default |
---|---|---|---|---|
-p, --profile | NEXT_S3_PROFILE | No | Name of the local AWS profile which will be used | - |
--publicKey | NEXT_S3_PUBLIC_KEY | No | Public access key which will be used during upload | - |
--secretKey | NEXT_S3_PRIVATE_KEY | No | Secret key generated for the public key | - |
-b, --bucket | NEXT_S3_BUCKET | Yes | The name of the S3 bucket to be used. | - |
-d, --distribution | NEXT_S3_DISTRIBUTION | No | Cloudformation ID to be invaidated after deployment. | - |
-p, --basepath | NEXT_S3_BASEPATH | No | Base path the site will be available under. | '/' |
--manager | - | No | Package manager to be used to run commands. | 'yarn' |
-v, --verbose | - | No | Enable verbose logging | false |
Upload a site to an S3 bucket and Cloudfront:
next-s3 deploy --bucket <bucket-name> --distribution <cloudfront distribution id>
Upload a site to an S3 bucket and Cloudfront using a different profile:
next-s3 deploy --bucket <bucket-name> --distribution <cloudfront distribution id> --profile <profile>
Upload a site to an S3 bucket and Cloudfront using and host under the /production
basepath:
next-s3 deploy --bucket <bucket-name> --distribution <cloudfront distribution id> --basepath "/production"
See the open issues for a full list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)Distributed under the MIT License. See LICENSE.txt
for more information.
Balazs Szalay - @szalayme - [email protected]