Skip to content

Commit 1ad075a

Browse files
anuragNataliaTepluhina
authored andcommitted
docs: add Render deployment guide (#4217)
* docs: add Render deployment guide * Update docs/guide/deployment.md Co-Authored-By: Natalia Tepluhina <NataliaTepluhina@users.noreply.github.com> (cherry picked from commit ebdcac3)
1 parent 3e8fef8 commit 1ad075a

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

docs/guide/deployment.md

+22
Original file line numberDiff line numberDiff line change
@@ -174,6 +174,28 @@ In order to receive direct hits using `history mode` on Vue Router, you need to
174174
175175
More information on [Netlify redirects documentation](https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps).
176176
177+
### Render
178+
179+
[Render](https://render.com) offers [free static site hosting](https://render.com/docs/static-sites) with fully managed SSL, a global CDN and continuous auto deploys from GitHub.
180+
181+
1. Create a new Web Service on Render, and give Render’s GitHub app permission to access your Vue repo.
182+
183+
2. Use the following values during creation:
184+
185+
- **Environment:** `Static Site`
186+
- **Build Command:** `npm run build` or `yarn build`
187+
- **Publish directory:** `dist`
188+
189+
That’s it! Your app will be live on your Render URL as soon as the build finishes.
190+
191+
In order to receive direct hits using history mode on Vue Router, you need to add the following rewrite rule in the `Redirects/Rewrites` tab for your site.
192+
193+
- **Source:** `/*`
194+
- **Destination:** `/index.html`
195+
- **Status** `Rewrite`
196+
197+
Learn more about setting up [redirects, rewrites](https://render.com/docs/redirects-rewrites) and [custom domains](https://render.com/docs/custom-domains) on Render.
198+
177199
### Amazon S3
178200
179201
See [vue-cli-plugin-s3-deploy](https://github.com/multiplegeorges/vue-cli-plugin-s3-deploy).

0 commit comments

Comments
 (0)