https://github.com/kchaturvedi/static-tweets

Create statically-rendered tweets using Next.js, Tailwind CSS, and Twitter's API
https://github.com/kchaturvedi/static-tweets

nextjs tailwindcss twitter

Last synced: 3 months ago
JSON representation

Create statically-rendered tweets using Next.js, Tailwind CSS, and Twitter's API

• Host: GitHub
• URL: https://github.com/kchaturvedi/static-tweets
• Owner: kchaturvedi
• Created: 2022-09-03T22:20:46.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-03T22:28:33.000Z (over 2 years ago)
• Last Synced: 2023-12-21T06:25:19.097Z (about 1 year ago)
• Topics: nextjs, tailwindcss, twitter
• Language: JavaScript
• Homepage: https://ikartik.com/code/static-tweets
• Size: 135 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a demo project for creating statically-rendered tweets using [Next.js](https://nextjs.org/), [Tailwind CSS](https://tailwindcss.com), and [Twitter's API](https://developer.twitter.com/en/docs/api-reference-index).

For more details, follow along in the corresponding blog post [here](https://ikartik.co/code/static-tweets).

## Getting Started

First, you will need to set up a Twitter developer account and obtain API credentials at [developer.twitter.com](https://developer.twitter.com/).

Then, set up a Bearer token as an environment variable named `TWITTER_TOKEN`. The code will reference this variable to fetch tweet data.

Now, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the demo.

For more details, refer to the complete tutorial at [https://ikartik.co/code/static-tweets](https://ikartik.co/code/static-tweets).