목록Next.js/Route Handler (5)

#순간을기억하는방법

5. Firebase를 통해 DB연결하기

이전에 GET으로 DB의 목데이터를 모두 가져오기 했던 예시에서 실제 DB와 연결해보기로 한다 Firebase 연결 세팅 포스팅 FirebaseFirebase | Google’s Mobile and Web App Development Platform개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.firebase.google.comthat-moment.tistory.comGET API 생성예시 1. Next API 만들어보기 - GET아래 Vercel에서 제공하는 Next js공식문서를 보면 Next js에서 제공하는 라우팅 기능과 핸들러 관련 내용이 자세히 설명되어있다. Routing: Route Handler..
Next.js/Route Handler 2024. 5. 10. 13:44
4. Next API 만들어보기 - POST

Next.js/Route Handler 2024. 5. 10. 11:30
3. Next API 만들어보기 - DELETE

Next.js/Route Handler 2024. 4. 26. 12:15
2. Next API 만들어보기 - POST

Next에서 제공하는 라우트 핸들러를 통해 POST API 를 만들어보자아래는 공식 문서에서 제공하는 예시이다 Routing: Route Handlers | Next.jsCreate custom request handlers for a given route using the Web's Request and Response APIs.nextjs.orgexport async function POST() { const res = await fetch('https://data.mongodb-api.com/...', { method: 'POST', headers: { 'Content-Type': 'application/json', 'API-Key': pro..
Next.js/Route Handler 2024. 4. 24. 17:37
1. Next API 만들어보기 - GET

아래 Vercel에서 제공하는 Next js공식문서를 보면 Next js에서 제공하는 라우팅 기능과 핸들러 관련 내용이 자세히 설명되어있다. Routing: Route Handlers | Next.jsCreate custom request handlers for a given route using the Web's Request and Response APIs.nextjs.orgAPI를 만들어볼 것이기 때문에 성격에 맞는 위치에  api폴더를 생성해주고 route파일을 만들어준다.이때는 파일 확장자를 표준에 맞춰 구분하여 tsx파일 대신 ts파일로 만들어준다 (리액트 컴포넌트가 아니기 때문에 구분) 예시를 보면 다음과 같이 GET API에 대한 예시코드가 나와있다export as..
Next.js/Route Handler 2024. 4. 24. 13:39
이전 Prev 1 Next 다음