Guides

I had to add TailwindCSS to my Chakra UI Nextjs Web App

Docswrite Team1 min read

I had a boring-looking landing page using Nextjs + ChakraUI for my SAAS docswrite.com. For months, I was struggling to revamp the landing page using ChakraUI. To give you some context, My landing page and the app dashboard are a single Nextjs App.

As I was using Chakra UI for the dashboard, I had no other option than using ChakraUI for marketing pages too. But I found ChakraUI to be extremely good for building UI components than marketing pages.

I knew tailwindcss and was looking to add Tailwind to my Nextjs project somehow. One thing I liked about tailwindcss is that I can copy elements from other examples. Those who have used Bootstrap know how powerful it is to build beautiful websites.

I found this youtube video which helped me to set up ChakraUI + TailwindCSS + Nextjs in a single project.

Now within a couple of week's time, I am able to revamp the entire marketing pages of my SAAS docswrite.com

Btw, currently, I am at $436 MRR . I hope with this professional revamp, I would be able to reach more customers soon.

Thank you for reading this. Follow my journey here at

Docswrite Team

Guides on publishing from Google Docs to every channel.

Share
All articles
  • Guides

    How to get organic traffic for my B2B saas

    Hey there! Getting organic traffic for your B2B SaaS is super important because of the many benefits it brings that cannot be achieved through other...

    3 min read
  • Guides

    Wordable.io alternative

    Wordable.io is a popular content creation tool that helps users publish their Google Docs content directly to their WordPress website.

    2 min read

Write once, publish everywhere

Publish your next article in one click

Docswrite sends Google Docs, Sheets rows and API calls to WordPress, Webflow, Shopify, Ghost, Contentful, Medium, Dev.to, Hashnode, GitHub, X and LinkedIn.

  • 5 free exports
  • No credit card required