포트폴리오용 개인 서버에서 동적인 웹사이트를 만들고 싶은데 도저히 해결 방법을 못찾아서 질문 드립니다.
안녕하세요.
개인 서버 구축 하면서 개인 포트폴리용 사이트용으로 동적인 웹 사이트를 만들어 보고 싶어서 구체적인 방법을 못찾아서 질문 드립니다.
제가 원하는 방향은 깃랩에서 cicd를 하게 되면 자동으로 포트폴리오 사이트가 배포시
도메인 입력시 접속 가능한 그런걸 원하고 있는데
방법이 제가 못찾는건지 찾는게 어려운건지 어렵네요.
다른 사람들 깃랩에서 했던것 보면 도메인 주소가 test.com 이라면 test.com:4000 이런식으로 접속 가능하던데
제가 글쓰기 같은 기능을 구현하고 싶어서 하다보니까 너무 어렵더라구요.
현재 구현 되어있는 상태는
맥미니를 개인 서버로 사용중입니다.
개인 도메인도 구매해둔 상태입니다.
docker 를 설치해서 그 안에 ubuntu 22.04LTS버전을 설치 해뒀구요
ubuntu 안에는 gitlab ce와 gitlab runner postgresql을 설치해둔 상태입니다.
여차여차 gitlab ci/cd까진 완료했는데 gitlab pages로는 정적인 웹 사이트밖에 안되는 것같은데
gitlab으로 동적인 웹사이트 만들어 보고 싶은데 안되는건지 잘 모르겠어서 질문드립니다.
제가 단순히 하고 싶은건 포트폴리오 사이트를 코드 관리하면서 동적인 웹사이트 ( 간단한 글쓰기 정도 구현하고 싶습니다)
방법 혹시 아시는분 있으시면 작은 해답이라도 감사하겠습니다!
1등 SSG로도 간단한 글쓰기는 금방 가능합니다.
정보를 조금만 더 주시겠어요?
사실 아에 처음부터 개인서버로 동적인 웹사이트를 만들고 싶은데 방법을 잘 몰라서
일단 깃랩으로 만들었던거 같아서
간단한 포트폴리오용 사이트를 만들 생각이고
여러 포트폴리오를 관리 가능하게 만들고 싶어서
gitea + jenkins 방법도 알아보긴했는데
젠킨스가 처음부터 사용하기에는 난이도가 있어보여서 깃랩cicd로 해결 가능하지 않을까 싶어서 찾아봤는데 정보가 없는지 제가 못찾는지 해서 질문 하게됐습니다
요약하면 코드 관리 가능한 동적인 웹사이트를 구현 하고 싶습니다
우선 정리해 보겠습니다.
1. 셀프 호스팅 git을 하고 싶다 (gitea, gitlab)
2. 포트폴리오용 웹프레임워크를 사용하고 싶다.
3. 셀프 호스트 git 으로 연계하고 싶다.
이 정도 겠네요.
제가 궁금한건 『동적인』이라는 건데 어떤것을 의미하는지는 잘 모르겠습니다.
우선 여러 프레임워크 등에서 선생님이 마음에 드시는 것을 고르시는게 좋아보입니다.
Vue react preact등등 섞어서 쓰고 싶다 하시면 Astro 추천 합니다.
Astro로 구축된 페이지를 보여드리려고 했는데, 공개할 수 있는 리포지토리가 별로 없네요.
https://github.com/G6Docs/G6Docs.github.io
여기 코드 한번 확인해보실래요? 제가 만들긴 했지만 일신상의 사유로 좀 바빠서요 :)
동적인 부분에 관해서는 흔히 서버리스 라고 불리는 것(구 cgi-bin)들을 사용하셔야 할듯 합니다. Cloudflare pages도 있고, Azure static web app도 있습니다 두쪽다 무료입니다.
물론 셀프호스트 깃랩이나 깃티에서도 가능할지는 모르겠습니다만 아마 한참 찾으셔야 할거에요. Deno.dev 여기도 추천 합니다.
개인적으로 염려되는 부분입니다만. 깃허브로 코드관리하고 deno나 cloudflare, azure등으로 배포해도 손이 많이 가는 작업입니다. 거기에 git까지 관리하시면 손이 정말 많이 갈것 같네요.
깃허브 무료계정도 충분할 정도의 프라이빗 레포의 사용시간을 제공합니다. 우선 먼저 조금 익숙해진다음 하셔도 늦지 않을것 같네요 :)
github.com/navystack 제 깃허브 입니다만.
거의 모든 레포에 github workers를 사용했습니다. 필요한 부분만 골라서 적용해보세요 :)
저는 프론트엔드 개발하면서 서버 관심생기면서 백엔드쪽도 해보려고 하는중이라 알아보고 있습니다.
동적인 웹사이트는 서버와 연동되는 웹사이트 였습니다 데이터를 저장하고 주고 받는
예를들어서 인스타그램같은곳에 댓글을 달면 그 댓글이 저장이 되는 사이트이고
정적인 웹사이트는 깃허브 페이지나 html css javascript만 사용한 페이지로 말씀 드린거였습니다
제가 하고 싶은건 postgresql이나 mysql같은 서버에서 데이터를 불러와서 실시간으로 데이터를 주고 받는 사이트를 만들고 싶었어요
글은 너무 감사하게 보겠습니다!
그러면 프론트는 astro를 사용하고 백엔드는 directus같은 것을 사용해 보세요 :) directus를 사용하면 이지윅이 사용가능하기도 하고 VS코드에서만 작업하다는 장점을 상쇄하기도 하구요. 아니면 편하신 헤드리스CMS를 선택하셔도 좋구요.
또한, ASTRO가 잡탕이 가능해서 편하더라구요
서버리스를 활용하면 DB에서 바로 불러올수도 있습니다. 다만 자료는 많이 없습니다.
다만 셀프호스트 중이라면 서버를 선생님이 돌리는거니 서버리스는 아니겠네요 ㅎㅎㅎ
진짜 너무 막막했는데 친절하신 답변 너무 감사드립니다
이번에 서버 만들어보려고 시도했는데 여간 어려운일이 아니더라구요
덕분에 배우고 갑니다!
https://coolify.io 이런것도 있구
Supabase 같은 것들도 있습니다. :)
cmt alert
신고
"님의 댓글"
이 댓글을 신고하시겠습니까?
