콘텐츠슈퍼 유저새로운 Next.js 13 기능 프로젝트 | Next.js 13과 OpenAI를 사용하여 농담 생성기 웹사이트 구축하기

새로운 Next.js 13 기능 프로젝트 | Next.js 13과 OpenAI를 사용하여 농담 생성기 웹사이트 구축하기

이 동영상에서는 @CodeWithHarry가 Next.js 13과 OpenAI의 API. 또한 Harry는 Next.js의 최신 버전인 Next.js 13의 새로운 기능 중 일부를 다룹니다.

리노드를 처음 사용하시나요? 여기에서 $100 크레딧으로 시작하세요!

챕터
0:00 소개
0:24 새 프로젝트 생성
2:30 개발자 서버 시작
3:20 YARN 개발 시작
3:50 Yarn 설치
4:40 VSCode TIp!
5:30 커스텀 루트 생성
8:15 메타 설명 생성하기
9:20 Layout.js 사용하기
11:00 별칭 가져오기
13:20 푸터 만들기
14:00 내비게이션 바 만들기
15:45 푸터 스타일 지정
17:30 콘텐츠 만들기
21:20 슬라이더 만들기
23:40 캐러셀 설치
26:15 불필요한 버튼 제거하기
27:50 너비 조정하기
29:25 JSON 형식으로 농담 생성하기
30:55 농담 삽입하기
31:05 농담 삽입이 무작위인지 확인하기
33:00 사용 효과 가져오기
34:20 위험하게 설정된 HTML 사용
35:40 Joke Div에 클래스 추가하기
37:00 재생성 버튼 생성하기
42:00 농담 JSON 추가하기
42:25 페이지 확인
42:35 결론