Vercel + GitHub Actions로 개인 단축 URL 만들기

내 워크플로우



개인 단축 URL을 쉽게 생성하고 GitHub Actions를 사용하여 Vercel에 배포합니다.

this template으로 새 저장소를 생성하고 Vercel Secrets를 추가한 다음 필요에 맞게 편집하십시오redirects.yml.

이에 대한 existing solution이 있지만 routes에서 redirects 또는 vercel.json 속성을 통해 구성하고 있습니다. 내 솔루션은 작업하기 쉽고 동적 경로/쿼리 문자열도 지원하는 yaml을 사용합니다.

다음은 구성 가능한 모든 기능의 예입니다.

- from: /me
  to: https://github.com/ThewBear
  status: 308 # Change status code ex. 301, 302, 307 (Default), 308
- from: /google/:q # Match exactly one ex. /google/recursion
  to: https://google.com/search?q=:q
- from: /vercel/:slug* # Match zero or more ex. /vercel /vercel/docs /vercel/solutions/nextjs
  to: https://vercel.com/:slug
- from: /twitter/:slug? # Match Zero or one ex. /twitter /twitter/thewdhanat
  to: https://twitter.com/:slug
- from: /github/:slug+ # One or more ex. /github/ThewApp github/ThewApp/vercel-shorturl
  to: https://github.com/:slug
- from: /dev/:slug1/:slug2 # Multiple match ex. /dev/p/information
  to: https://dev.to/:slug1/:slug2
- from: /google
  to: https://google.com/search?q=:q
  query:
    action: search # Must have this exact query
    q: :q # And this match in query ex. /google?action=search&q=recursion
- from: /dev
  to: https://dev.to/:user
  query:
    u: :user? # Optional match ex. /dev /dev?u=thewbear

예제 구성은 여기에 배포됩니다. https://vercel-shorturl-starter.vercel.app

예시:
  • https://vercel-shorturl-starter.vercel.app/me
  • https://vercel-shorturl-starter.vercel.app/google/recursion
  • https://vercel-shorturl-starter.vercel.app/vercel/solutions/nextjs
  • https://vercel-shorturl-starter.vercel.app/dev?u=thewbear

  • 제출 카테고리:



    DIY 배포

    Yaml 파일 또는 코드 링크




    더와앱 / vercel-단축-스타터


    vercel-shorturl용 템플릿입니다.





    vercel-단축 스타터


    템플릿vercel-shorturl

    데모


    Demoredirects.yml 예제와 함께 배포됩니다.

    용법



  • Create a new repository 이 템플릿에서.
  • 편집 redirects.yml .
  • Vercel에 배포합니다.

  • 특징


    더 많은 기능을 보려면 vercel-shorturl을 방문하십시오.


    View on GitHub


    지원 해줘



    좋은 웹페이지 즐겨찾기