[javascript] Next.js를 사용하여 소셜 미디어 API를 연동할 수 있나요?

24 Nov 2023

javascript

다음은 Next.js에서 소셜 미디어 API를 연동하는 예제입니다:

import { useRouter } from 'next/router';
import axios from 'axios';

const MyComponent = () => {
  const router = useRouter();

  const handleLogin = async () => {
    try {
      const response = await axios.get('/api/social-media/login');
      // 소셜 미디어 API와의 로그인 요청 처리
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <h1>소셜 미디어 API 연동 예제</h1>
      <button onClick={handleLogin}>로그인</button>
    </div>
  );
};

export default MyComponent;

이 예제에서는 Next.js의 useRouter 훅을 사용하여 현재 경로를 가져온 후, handleLogin 함수에서 소셜 미디어 API와의 로그인 요청을 처리합니다. 위 예제는 axios를 사용하여 API 요청을 보내지만, 필요에 따라 다른 HTTP 클라이언트 라이브러리를 선택할 수 있습니다.

위 예제는 소셜 미디어 API와의 연동을 단순화하기 위한 기본적인 예시이며, 실제로는 각 소셜 미디어 API의 문서를 참조하여 필요한 인증 및 API 요청 방법을 따라야 합니다.

참고 자료:

Next.js 공식 문서: https://nextjs.org/
axios GitHub 저장소: https://github.com/axios/axios