안녕하세요👋 노마드코더로 코딩 공부를 처음 시작한 OU9999입니다.

https://ou9999-next-js-blog.vercel.app/ <= 블로그 링크!

Next.js Remake 이유

[https://nomadcoders.co/community/thread/7616 <= 리메이크전 CSR블로그 링크!]

CRA를 이용하여 만든 제 첫 리액트 프로젝트 였지만 블로그의 핵심인 SEO기능부재와 니코쌤이 극찬하고 많은 사람들이 이용하는 프레임워크 Next.js를 알아가기 위해 다시 리메이크했습니다!

STACK

Next.js , React , TypeScript , Chakra UI , Firebase

REMAKE 추가요소

컬러테마 구현! 🎨

• Chakra UI에선 라이트테마/다크테마 뿐만 아니라 커스텀 컬러테마도 비교적 간단하게 구현할수있습니다.

반응형 모바일 화면 구현! 📱

• https://brunch.co.kr/@chulhochoiucj0/8 <= 모바일 UI 개발 가이드를 많이 참고했습니다.

SSR & SEO 구현!

• 카톡에서 사이트 url 마다 다른 OG Image와 사이트 제목을 확인할수있습니다.

• 구글 SEO도 등록하여 구글에서 글을 검색 가능하게 했습니다(적용시간은 몇주 걸린다고합니다.)

끝마치며

CRA부터 시작해서 Next.js 나 베이스로 나만의 블로그를 개발하는데 한 달이 넘게 걸렸습니다. 제가 직접 만들면서 마주하는 문제들을 해결하는 게 정말 도움이 많이 된거같습니다.

(프로젝트를 마치고 느낀 제 주관적인 생각들입니다!)

• Next.js는 정말 좋은 것 같습니다. React에 SSR을 구현하는 게 정말 대단하게 느껴집니다.

• Next.js 13의 appDirectory가 더 안정화되고 더 많이 사용되었으면 합니다. Nested Layout이나 app 폴더의 라우팅 방식이 너무 마음에 들었지만 배포가 안정화되지 않은 게 많이 아쉬웠습니다.

• 사용자의 입장과 개발자의 입장은 완전히 다르다는걸 느꼈습니다. 그동안 제가 만들던 개발자의 편의만 살린 사이트는 사용자를 불편하게 만듭니다.

• 다양한 상황과 환경을 고려하고 개발해야 합니다.

• 개발자는 디자이너가 아니다.. 제 생각보다 더욱 더 보이지 않는 많은 문제를 처리해야합니다.

• 내가 겪었던 문제들을 다시 마주하면 당연히 해결할 수 있고, 모르는 문제들을 마주한다고 해도 , 새로운 것들을 깨닫고 더 배울수 있다는 사실이 기쁩니다.

블로그 안에 자세한 개발일지를 적어놓았습니다! 방명록에 솔직한 피드백이나 느낀점 적어주시면 감사하겠습니다!

https://ou9999-next-js-blog.vercel.app/guestbook <= 방명록 주소