🚀 프로젝트 작업 기록 (Next.js + Firebase Hosting)

 

 

🚀 프로젝트 작업 기록 (Next.js + Firebase Hosting)

이번 작업에서는 기존 템플릿을 기반으로 회사 소개 및 앱 소개 텍스트를 변경하고, 외부 링크를 티스토리 블로그 링크로 수정한 후 Firebase Hosting을 완료하였습니다. 또한 App Store 링크도 최신으로 변경하였습니다.

---

🛠 작업 과정

1️⃣ 템플릿 수정

✅ 회사 소개 및 앱 소개 텍스트 변경

• 기존 Next.js Blog Example 등 기본 템플릿 문구를 회사 및 앱 소개에 맞게 수정
• CMS_NAME 등의 값이 적용된 부분을 우리 프로젝트에 맞는 설명으로 변경

✅ 티스토리 링크 적용

• 기존에 다른 곳으로 연결되던 링크를 티스토리 블로그 URL로 변경

✅ 레이아웃 수정 (layout.tsx)

• metadata의 title, description을 우리 서비스에 맞게 수정
• openGraph 이미지 설정 변경

✅ 메인 페이지 (page.tsx)

• 기존 heroPost, morePosts 데이터를 활용하는 구조 유지
• 주요 콘텐츠와 소개 부분 업데이트

---

2️⃣ Firebase Hosting 배포

✅ Firebase 프로젝트 설정

• Firebase CLI를 사용해 프로젝트 초기화 및 설정

✅ 빌드 후 배포

• next build 명령어로 프로젝트 빌드
• firebase deploy를 통해 Firebase Hosting에 배포 완료

---

3️⃣ App Store 링크 변경

✅ 기존 앱 링크 최신화

• 기존 URL을 새로운 App Store 링크로 변경
• Android 배포가 완료되면 iOS & Android 링크를 하나로 통합할 예정

---

🎯 최종 결과

💡 Firebase Hosting 배포 완료 → 웹사이트에서 변경된 내용 정상 반영됨
💡 App Store 링크 최신화 → 새로운 링크 적용 완료
💡 티스토리 링크 업데이트 → 외부 블로그와의 연동 강화

📌 앞으로의 계획:
🔹 Android 배포 완료 후 iOS & Android 링크 통합
🔹 필요 시 추가적인 스타일링 및 기능 업데이트

---

🚀 Next.js + Firebase Hosting을 활용한 웹사이트 3일컷 완료!

 

 

 템플릿 수정 전 !

 

 

 템플릿 수정 후 !

 

대표이미지는 간단히 만든거로 추후 변경 예정입니다 

실제로 firebase 호스팅까지 완료하는데 한 3일정도 걸렸네요 

https://pingandpongweb.web.app/

Ping and Pong Apps

 

비록 어떠한 프로세스가 있는 사이트는 아니지만 제가 한 결과물을 소개하고 구글 애드몹 연동하는 데 에는 부족함이 없어 보입니다 . 근데 애드몹이 앱 연결이 된다고해서 승인이 날지 모르겠네요.. 일단 홍보부터 해서 앱의 가치를 끌어올려야겟어요!