marketplace: false reason: https://github.com/lfades/static-tweet is very similar to this one
This code snippet shows you how you can generate static tweets using Tailwind CSS & getStaticProps
in Next.js.
npm install tailwindcss
)npm i @tailwindcss/typography
)npm i next-mdx-remote
)npm i date-fns
)npm i querystring
)images
in your next.config.js
file..env
file.https://static-tweets-tailwind.vercel.app/
You can choose from one of the following two methods to use this repository:
One-Click Deploy
Deploy the example using Vercel:
Clone and Deploy
Execute create-next-app
with npm or Yarn to bootstrap the example:
npx create-next-app --example https://github.com/vercel/examples/tree/main/solutions/static-tweets-tailwind static-tweets-tailwind
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/solutions/static-tweets-tailwind static-tweets-tailwind
Next, run Next.js in development mode:
npm install
npm run dev
# or
yarn
yarn dev
Deploy it to the cloud with Vercel (Documentation).