2025 OSSCA NEXT.JS 블로그

2025년 오픈소스 컨트리뷰션 아카데미 체험형 1차 [Git 활용 및 Next.js 뽀개기] 과정에서 진행한 프로젝트로,
프로그램 참여자들의 TIL을 모아볼 수 있는 블로그 입니다.

팀원소개

김수연 포스팅 페이지	김은빈 디자인, 제작자 페이지	이한빈 포스팅 페이지 검색 기능 적용	조준희 Feedback 페이지	전예진 헤더, 메인페이지

시작 가이드

# node.js v 20 이상
# 프로젝트에 필요한 패키지 설치
npm install
# 개발 서버 실행 (localhost:3000)
npm run dev
# 프로덕션 빌드 생성
npm run build
# 빌드된 앱 실행
npm run start

기술 스택

Framework & Language

Styling

CI/CD & Deployment

Code Quality & Tools

Collaboration & Design

아키텍쳐

디렉토리 구조

/src
├── app/
│   │
│   ├── common/
│   │   ├── Devider.tsx
│   │   ├── AppDropdownButton.tsx
│   │   ├── AppHeader.tsx
│   │   ├── AppHeaderBottomBar.tsx
│   │   ├── SearchBar.tsx
│   │   ├── SortArticle.tsx
│   │   └── TabMenu.tsx
│
│   ├── posting/
│   │   ├── [slug]/
│   │   │   └── page.tsx
│   │   ├── components/
│   │   │   ├── ArticleSnippet.tsx
│   │   │   ├── MdxStyle.tsx
│   │   │   └── NotFound.tsx
│   │   ├── PostingTemplate.tsx
│   │   └── page.tsx
│
│   ├── feedback/
│   │   ├── components/
│   │   │  	├── Giscus.tsx
│   │   │   ├── QnaPreviewCard.tsx
│   │   │   └── QnaTab.tsx
│   │   ├── design/
│   │   │   └── page.tsx
│   │   ├── etc/
│   │   │   └── page.tsx
│   │   ├── EtcTemplate.tsx
│   │   └── FeedbackTemplate.tsx
│
│   ├── search/
│   │   ├── components/
│   │   │   └── SearchResultCount.tsx
│   │   ├── SearchPageTemplate.tsx
│   │   └── page.tsx
│
│   ├── developers/
│   │   ├── components/
│   │   │   └── DevelopersIntroCard.tsx
│   │   ├── DevelopersTemplate.tsx
│   │   └── page.tsx
│
│   ├──mainFrames/
│   │   ├──Frame1.tsx
│   │   ├──Frame2.tsx
│   │   ├──Frame3.tsx
│   │   ├──Frame4.tsx
│   │
│   ├── layout.tsx
│   ├── page.tsx
│   ├── MainContent.tsx
│
├── lib/
│   ├── github.ts