From 0d3ac5ae15d53b78869d34be6b18a4b3f7e83dde Mon Sep 17 00:00:00 2001 From: Anurag Goel Date: Mon, 1 Jul 2019 13:00:26 -0700 Subject: [PATCH 1/2] docs: add Render deployment guide --- docs/guide/deployment.md | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/docs/guide/deployment.md b/docs/guide/deployment.md index ed6714dc56..6588444eb4 100644 --- a/docs/guide/deployment.md +++ b/docs/guide/deployment.md @@ -142,6 +142,28 @@ In order to receive direct hits using `history mode` on Vue Router, you need to More information on [Netlify redirects documentation](https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps). +### Render + +[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. + +1. Create a new Web Service on Render, and give Render’s GitHub app permission to access your Vue repo. + +2. Use the following values during creation: + + - **Environment:** `Static Site` + - **Build Command:** `npm run build` or `yarn build` + - **Publish directory:** `dist` + +That’s it! Your app will be live on your Render URL as soon as the build finishes. + +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. + + - **Source:** `/*` + - **Destination:** `/index.html` + - **Status** `Rewrite` + +Learn more about setting up [redirects, rewrites](https://render.com/docs/redirects-rewrites) and [custom domains](https://render.com/docs/custom-domains) on Render. + ### Amazon S3 See [vue-cli-plugin-s3-deploy](https://github.com/multiplegeorges/vue-cli-plugin-s3-deploy). From 7ae6cc821289405e27b42e06a3012c97aac07d6f Mon Sep 17 00:00:00 2001 From: Anurag Goel <59905+anurag@users.noreply.github.com> Date: Tue, 2 Jul 2019 07:45:32 -0700 Subject: [PATCH 2/2] Update docs/guide/deployment.md Co-Authored-By: Natalia Tepluhina --- docs/guide/deployment.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guide/deployment.md b/docs/guide/deployment.md index 6588444eb4..d003ed33e8 100644 --- a/docs/guide/deployment.md +++ b/docs/guide/deployment.md @@ -156,7 +156,7 @@ More information on [Netlify redirects documentation](https://www.netlify.com/do That’s it! Your app will be live on your Render URL as soon as the build finishes. -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. +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. - **Source:** `/*` - **Destination:** `/index.html`