Supathreads is an app built to let you create concise and professional twitter threads from your blogs within seconds using AI, built for the Supabase AI Hackathon and powered by OpenAI. The site is live at supathreads.vercel.app.
Writing eye catching twitter threads is a skill that takes time to master. I wanted to create a tool that would help people create twitter threads from some other source of content, like a blog post, in a matter of seconds, and I knew that I could use OpenAI's AI models to achieve this.
Firstly, I designed a basic prototype for the web app and then I started working on the backend. I used NextAuth.js to handle authentication and Supabase to store the user data and the generated threads. The next thing was to find a correct OpenAI model for my use case and GPT-3.5 was the perfect fit. Next I used the OpenAI API to stream the generated tweets to the frontend and display them to the user. The last thing was to let users save the generated threads to their account and I used Supabase to store the threads. And once I was done with the backend, I started working on the frontend. I used TailwindCSS to style the web app and I used Next.js to handle routing and server side rendering. The web app is built using Next.js v13 which helped me a lot getting to know about React Server Components as well as the new app router structure.