Vercel에서 간단히 서버리스 함수 사용하기(Next.js 없이)
서론프론트엔드 개발을 하다 보면 서버리스 함수(Serverless Functions)를 사용하는 일이 잦다. 특히 Next.js에서는 pages/api 폴더에 함수만 작성하면 자동으로 서버리스 함수로 동작하는 것은 익숙한 사실이다. Vercel에 프로젝트를 배포할 때 Functions라는 기능으로 서비리스 함수를 구현하는 방식을 제공하는 것이 생각나서 한번 테스트 겸 작성을 해보았다.꼭 Next.js 프로젝트가 아니어도 프로젝트의 api 폴더 안에 작성된 함수 파일을 Vercel에서는 서버리스 함수로 인식하고 동작한다는 것이다. 단순한 HTML 파일만 있는 프로젝트에서도 서버리스 함수를 간단하게 구현해서 api를 만들 수 있다는 것이 가능하다. 간단한 사실이지만, 누군가에는 새로운 사실이 될 수 있을 것..
정적(Static) 웹사이트라 함은... 정적으로 로딩되는 사이트이다. 다르게 말하면 페이지를 로딩하는데 html파일을 불러오는 것 외에 서버와의 통신은 하지 않는다는 것이다. 대부분의 Github 기반의 블로그가 이런 방식으로 만들어져있다. (Github page 혹은 Netlify, Vercel을 통해 배포하는 사이트들이 보통 이런 케이스이다) 이런 방식의 사이트는 정보를 일방적으로 게시하는 페이지는 만들 수 있지만 게시판이나 방명록처럼 사용자가 직접 글을 올리는 페이지를 만들기는 쉽지 않다. (다만 꼼수를 쓰면 가능은 할지도 모른다.) Git based CMS는 여러 꼼수(?) 중 하나로, 이 방식을 통해 사이트 내에서 에디터를 통해 글쓰기가 가능하다. 대부분의 사람들은 사이트 관리를 기성블로그(네..
Vercel을 활용한 Next.js블로그 배포
요즘 블로그 만드는 것에 대한 실험을 계속 진행중이다. Vercel 은 Next.js를 개발한 회사이기도하고, 서버리스 웹사이트를 배포할 수 있는 플랫폼이다. github레포에 있는 사이트를 vercel로 배포하면 git push를 할때마다 알아서 배포가 자동으로 진행되기 때문에 편리하다. 또 github pages과 다르게 private repository도 사용할 수 있다.(무료 요금제 기준) Vercel에 수록된 템플릿을 통해 사이트를 바로 생성하는 것도 가능한데, 템플릿 repo를 직접 clone해서 배포하는 것과 동일한 과정을 조금더 쉽게 해준다. vercel에서 내 github계정에 만들어준 repo를 clone해서 작업을 하면 되는 식이다. 요즘 이 기능을 종종 활용해보고 있다. 실험이라 함..