본문 바로가기

Side project

(10)

[삽질로그] Heroku에서 어디로 갈아탈까 왜 갈아타야 하는가 Next.js 와 Strapi Headless CMS를 사용하여 사이드 프로젝트를 만들었고 거의 2년간 소소하게 업데이트도 하고 문제도 해결해가며 포트폴리오로 잘 사용하고 있었다. 그런데 몇 달 전 Heroku가 Free tier를 중단한다는 뉴스를 듣게 되었다. Strapi를 Heroku에 배포해놓았는데... 삽질하며 배포하고 힘들게 모은 데이터들인데... 지금 더 이상 해당 프로젝트를 업데이트하진 않지만 그냥 이렇게 보내기는 너무 아쉬웠다. 하지만 아직 시간이 남았으니까 하고 차일피일 미루다 오늘에 이르게 된다. Heroku는 2022년 11월 28일부로 Free tier를 중단한다고 하니 이제 열흘도 안남았다. 그 전에 이사를 마쳐야한다. 대체 방안에 대해서 이야기 해놓은 글과 ..

[플젝기록] NextAuth로 로그인 기능 구현하기 (with Prisma) 보호되어 있는 글입니다.

[플젝기록] Prisma Seeding 🌱 요즘 Prisma를 사용해서 사이드 프로젝트를 진행중인데 처음 사용하다보니 새로 배우는 것들이 많다. Seeding도 그 중 한 가지인데 튜토리얼 동영상과 글들을 보다보니 seeding, seed라는 단어가 자주 나왔다. 당장 필요해보이지는 않아서 나중에 필요할 때에 봐야지 하고 지나쳤는데 필요한 순간이 왔다. (위에서 언급했다시피 Prisma를 처음 사용하다보니 Prisma, Prisma seeding에 대한 나의 이해가 제한적일 수 있고 이 글이 공식 문서에 기초해 있긴하지만 더 정확한 내용은 공식 문서를 참고하기 바란다.) Prisma의 공식 문서를 보고 싶다면 이 링크를 확인하라. Seeding your database Learn how to seed your database using Prism..

[플젝기록] PlanetScale branch 변경 및 deploy request (Prisma String의 default 값) [플젝기록] Next.js + Prisma + PlanetScale 세팅하기 (Vercel 배포) 이 글은 단순히 세팅만을 위한 글이지 내부적인 로직이나 스키마 등에 대한 설명이 전혀 포함되어 있지 않으며, 어떠한 프로그래밍적인 기능 구현 역시 다루지 않는다. PlanetScale의 https://planetscal birdmee.tistory.com 지난 세팅편에서 8번에 "promote 후에 main 브랜치는 production을 위한 브랜치가 되고 main 브랜치에 대해 직접적인 스키마 변경이 불가능하다. 이 글을 작성하기 전에 테스트 삼아 만들어 본 DB에서 이 브랜치에 대한 개념을 잘 모르고 promote한 상태에서 스키마를 변경하려고 해서 에러로 당황했던 적이 있다. " 라고 작성했었다. 그럼..

[플젝기록] Next.js + Prisma + PlanetScale 세팅하기 (Vercel 배포) 이 글은 단순히 세팅만을 위한 글이지 내부적인 로직이나 스키마 등에 대한 설명이 전혀 포함되어 있지 않으며, 어떠한 프로그래밍적인 기능 구현 역시 다루지 않는다. PlanetScale의 https://planetscale.com/blog/how-to-setup-next-js-with-prisma-and-planetscale 글에 기초한 내용이며 해당 글의 동영상 버전(링크) 도 참조했다. How to set up Next.js with Prisma and PlanetScale A step-by-step guide for using PlanetScale and Prisma with Next.js. planetscale.com 1. PlanetScale 가입 / 로그인 후 Create New Database..

[플젝계획] 새로운 사이드 프로젝트를 시작해보자 새로운 사이드 프로젝트를 시작할 시간이다. 무엇이든 직접해봐야 느끼는 것도 많고 배우는 것도 많은 것 같다. 이번에는 어떤 서비스를 만들어봐야지 보다 어떤 스택을 사용해보고 싶다라는 생각이 들면서 시작해보고자 부릉부릉 시동을 건다. 사용하고 싶은 스택 / 기술 및 이유 Next.js : 지난 프로젝트 때 처음 접해봤는데 더 공부해보고 싶었다. 또 공식문서가 매우 친절하다(고 한다라고 어디서 들은 것 같은데 실제로 그렇게 느껴져 블로그의 Next.js 카테고리에 공식 문서를 일부 번역해놓기도 하였다.). PlanetScale : Serverless DB Platform으로 최근에 Stackoverflow 팟캐스트를 듣다가 Next.js CEO와 PlanetScale CEO가 이야기 나누는 것을 듣고 처음 ..

[플젝기록] 뉴스레터 모음 사이트 NEW・LE・KA NEW・LE・KA(뉴레카) ➡️ https://newleka.vercel.app 🎬 시작 및 계기 시작은 진지하게 궁서체로 작성해보겠다. 약 반년 전쯤 시작한 사이드 프로젝트가 있다. (특별한 일이 없으므로 거의 메인인) 뭔가를 만들어 보고 싶은데 클론 코딩하는 건 지겹고... 내가 직접 서비스를 운영해보고 싶은 것도 있고, 직접 만들면 뭔가를 더 많이 배우지 않을까 하는 생각으로 이런저런 생각을 하다가 떠오른 아이디어였던 것 같다. 평소에 뉴스레터 보는 걸 꽤 좋아했다. 많은 뉴스레터를 구독했던 건 아니지만 포털 사이트에 돌아다니면서 보게 되는 정보들과 다르게 누군가 정성을 들여 모아놓았거나 정리한 또는 만든 데이터라 그런지 짧은 시간에도 많은 정보를 얻을 수 있고 양질의 정보들이 많았다. 여러 분야의..

[삽질로그] Next.js(Vercel) + Strapi(Heroku) 504 에러 대처 (이 글은 2021년 7월 11일 기준 글이다.) 삽질요약👨‍🔧 스택: Next.js(Vercel) + Strapi - Postgres(Heroku) 증상: 초기 접근시 504 에러가 뜸. (Serverless Function Timeout) 대처: 매번 서버에 요청해서 데이터를 가져오는 getServerSideProps에서 getStaticProps로 변경 후 revalidate 설정. (에러에 대한 근본적인 해결책이 아니라 다른 방법으로 대처한 것이기에 대처라고 썼다.) 삽질구구절절 사이드 프로젝트를 하다가 한동안 다른 토이 프로젝트를 만지작거리다보니 사이드 프로젝트는 저어어 멀리 멀어져버렸고 손대기도 귀찮아졌다. 솔직히 말하면 해결해야 할 문제가 있었는데 해결책이 보이지 않아서 더 건들기가 싫었다...

이전 1 2 다음

티스토리툴바