nextjs-tweets

nextjs-tweets.js

import react from 'react'
import needle from 'needle'

const token = process.env.BEARER_TOKEN

const recentEndpointUrl = "https://api.twitter.com/2/tweets/search/recent";


function Page ({ data }) {
  console.log(data)
  return (
    data.data.map(tweet =>
      <div>{tweet.text}</div>
    )

  )
}

export async function getServerSideProps () {
  try {
    const response = await getRequest();
    return { props: { data: response.data } }
  }
  
  catch (error) {
    console.log(error);
    return { props: { data: null } }
  }
}

async function getRequest() {
  const params = {
    'query': 'from:twitterdev -is:retweet',
    'tweet.fields': 'author_id'
  }

  const res = await needle('get', recentEndpointUrl, params, {
    headers: {
      "User-Agent": "v2RecentSearchJS",
      "authorization": `Bearer ${token}`
    }
  })

  if (res.body) {
    return res.body;
  } else {
    throw new Error('Unsuccessful request');
  }
}

export default Page