Giter VIP home page Giter VIP logo

dev's Introduction

Simple Vercel Proxy

This is a simple repo.

It's purpose it to create a proxy to a site you own.

How does it work?

  1. You have a domain point to Vercel
  2. Vecel has a "redirect/rewrite" rule that doesn't redirect instead proxies
  3. That's it

What do I have to do?

  1. A github account.
  2. Access to your DNS for the domain to create appropriate records.
  3. A Vercel account.
  4. A Git repository pointing to the proper domain like this one.

You can read the repo's readme, or follow along here. Also there are at least two other ways to do this. One is using ServiceNow's custom URL feature. The other is some magic on Cloudflare.

Ok, I'm ready!

Deploy the repo

  1. Deploy with Vercel
  2. Login with GitHub, trust me.
  3. Enter a project name, I called mine pdi-redirect.
  4. Pick GitHub.
  5. Create the repositry private or public, your choice.
  6. Leave the Import Project settings, they were auto-detected by Vercel, and "Deploy".
  7. Now it's building, it'll take about 20 seconds to build.
  8. You should get a ๐ŸŽ‰ CONGRATULATIONS ๐ŸŽ‰ message. It should work now.
    Well, it's redirecting to my site. Let's fix that.

Update the repo to point to your site

  1. Goto your git source where that button created the repo.
  2. Update the ./_includes/layout/redirect.njk file to the site you want.
  3. Vercel should trigger a build and update index.html and 404.html to redirect to your site.

Set up the domain

  1. Now you need to set up the domain. To do that goto "Domains",
  2. It'll ask what project you want to use, pick the one you made from #1.
  3. It will show you, that your DNS is wrong. Go forth and set the dns as depicted.
  4. Comeback to Vercel's domain page and "Refresh" your domain entry. You may need to wait for your DNS to propegate.
  5. That's it.

dev's People

Contributors

jacebenson avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.