--- title: "Discussion on \"Create a Newsletter app with Twitter Revue, Next.js API Routes, and Tailwindcss\" | Hashnode" description: "Discussion on \"Create a Newsletter app with Twitter Revue, Next.js API Routes, and Tailwindcss\". Learn how to create a newsletter with Revue APIs, Next.js API routes, and Tailwindcss. The best way to include a Newsletter in your Next.js app/site." url: "https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52" --- [Feed](https://hashnode.com/feed) / Discussion # [Create a Newsletter app with Twitter Revue, Next.js API Routes, and Tailwindcss](https://blog.greenroots.info/create-newsletter-with-revue-nextjs-api-routes-tailwindcss?utm_source=hashnode&utm_medium=feed) Learn how to create a newsletter with Revue APIs, Next.js API routes, and Tailwindcss. The best way to include a Newsletter in your Next.js app/site. Aug 28, 2021 · 15 min read · blog.greenroots.info Updated Oct 15, 2021 Read the article - [#nextjs](https://hashnode.com/tag/nextjs) - [#javascript](https://hashnode.com/tag/javascript) - [#tailwind-css](https://hashnode.com/tag/tailwind-css) - [#serverless](https://hashnode.com/tag/serverless) ## Written by [Tapas Adhikary](https://hashnode.com/@atapas) @atapas · Bangalore [View profile](https://hashnode.com/@atapas) Educator @tapaScript | Founder CreoWis & ReactPlay - Writer - YouTuber - Open Source Co-Founder, @CreoWis | Teacher, @tapaScript | Founder, @ReactPlay | YouTuber | Writer | Human ## Responses 14 Markdown supported · ⌘↵ to post [Ai Anshu](https://hashnode.com/@aianshume) [Dec 4, 2022](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/638cbc3e4a96bb8fda4390fc) how we can create this without Nextjs api routes? [Tapas Adhikary](https://hashnode.com/@atapas) [Dec 5, 2022](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/638cbc3e4a96bb8fda4390fc#reply-638d8c164a96bb8fda43a4cf) You can call any external APIs(using axios, fetch, whatever) from your components directly without writing any API routes yourself. However, I wouldn't recommend that. Next.js API routes have some clear advantages: - You build your own APIs so that you can use the API for different consumers in the app. - The secrets are handled on the server side. you do not have the API keys mashed up in your client code. [Brian H. Hough](https://hashnode.com/@BrianHHough) [Aug 31, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612e73534e9d8114f8adf977) This is amazing!! Incredible work — definitely have to test this out! 🙌🙌 [Tapas Adhikary](https://hashnode.com/@atapas) [Sep 1, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612e73534e9d8114f8adf977#reply-612edecc4e9d8114f8ae019d) Thanks a lot [Brian H. Hough](https://hashnode.com/@BrianHHough) 🙂 [Suprabha Supi](https://hashnode.com/@suprabhasupi) [Aug 30, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612c895ffd0bf8636d76f251) Really loved it [Tapas Adhikary](https://hashnode.com/@atapas) Bookmarking it for future reference. Thanks a lot for sharing 😍 [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 30, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612c895ffd0bf8636d76f251#reply-612c8d292858872661b9cf3b) That's cool [Suprabha Supi](https://hashnode.com/@suprabhasupi). You are most welcome. [Dhiraj Kumar](https://hashnode.com/@DhirajKumar) [Aug 30, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612c7fe1fd0bf8636d76f050) Nice Article Tapas, Now i am also thinking to start creating my newsletter. [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 30, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612c7fe1fd0bf8636d76f050#reply-612c860dfd0bf8636d76f1e6) Great to know [Dhiraj Kumar](https://hashnode.com/@DhirajKumar), Yep that will be just fab. [Yoog](https://hashnode.com/@yoogM) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612ab8d9fd0bf8636d76c745) I'll Jump into very soon. Thank you Tapas. [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 29, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612ab8d9fd0bf8636d76c745#reply-612b0a9d2858872661b9a564) Great, thanks [Yoog](https://hashnode.com/@yoogM) 🧡 [Idris Olubisi](https://hashnode.com/@olanetsoft) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a480a2858872661b99893) This is pretty interesting Tapas [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a480a2858872661b99893#reply-612a4a40fd0bf8636d76bdb7) Thanks boss [Olubisi Idris Ayinde](https://hashnode.com/@olanetsoft) :) [Idris Olubisi](https://hashnode.com/@olanetsoft) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a480a2858872661b99893#reply-612aaae62858872661b9a17d) You are the boss here 😂😂😂 [Tapas Adhikary](https://hashnode.com/@atapas) Thanks for sharing 🙌 [Avneesh Agarwal](https://hashnode.com/@avneesh0612) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a276a2858872661b99565) This is awesome [Tapas Adhikary](https://hashnode.com/@atapas) [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a276a2858872661b99565#reply-612a3a9bfd0bf8636d76bba0) Thanks [Avneesh Agarwal](https://hashnode.com/@avneesh0612). [Braydon Coyer](https://hashnode.com/@braydoncoyer) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a24a1fd0bf8636d76b9be) This is fantastic, Tapas! Lovely tutorial! [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/612a24a1fd0bf8636d76b9be#reply-612a3aae2858872661b996fc) Thank you [Braydon Coyer](https://hashnode.com/@braydoncoyer), Glad you liked it. [Suhail Kakar](https://hashnode.com/@suhailkakar) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129f9ee2858872661b98f45) I really needed a tutorial like this, Thanks [Tapas Adhikary](https://hashnode.com/@atapas) [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129f9ee2858872661b98f45#reply-612a06652858872661b990e3) Great, thanks [Suhail Kakar](https://hashnode.com/@suhailkakar) [Usman Sabuwala](https://hashnode.com/@usmanwrites) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129d43e2858872661b989f3) Loved it [Tapas Adhikary](https://hashnode.com/@atapas)! This is a super unique project 😍 [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129d43e2858872661b989f3#reply-6129d558fd0bf8636d76af58) Thanks [Usman Sabuwala](https://hashnode.com/@usmanwrites) bro... Taking lots of Youtube inspiration from you :) [Yogesh Chavan](https://hashnode.com/@myogeshchavan97) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129cfdbfd0bf8636d76ae4f) This is amazing. Loved it ❤️. A great way to integrate a newsletter easily. You explained it really well [Tapas Adhikary](https://hashnode.com/@atapas) [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129cfdbfd0bf8636d76ae4f#reply-6129d3802858872661b989b7) Thanks a lot [Yogesh Chavan](https://hashnode.com/@myogeshchavan97). Glad you liked it. I hope, this integration is used by many :) [Lalit](https://hashnode.com/@lalit2005) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129ce812858872661b988b5) Nice article [Tapas Adhikary](https://hashnode.com/@atapas). Loved it --- ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1630129715657/us--IrKLB.png) An other important point that can be added here👆 is API key will be exposed to the client which can be obtained easily by inspecting network requests. [Usman Sabuwala](https://hashnode.com/@usmanwrites) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129ce812858872661b988b5#reply-6129d3fffd0bf8636d76af25) The API keys won't be exposed IF they are used in serverless functions [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129ce812858872661b988b5#reply-6129d7892858872661b98a87) [Usman Sabuwala](https://hashnode.com/@usmanwrites) Right, that's the point. [Lalit](https://hashnode.com/@lalit2005) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129ce812858872661b988b5#reply-6129e1102858872661b98c66) Thanks a lot for considering my point [Tapas Adhikary](https://hashnode.com/@atapas) 😇 [Savio Martin](https://hashnode.com/@saviomartin) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129ca74fd0bf8636d76ad55) You killed it [Tapas Adhikary](https://hashnode.com/@atapas), incredible article. I was looking for some kind of article like this. Very well done 👏 Keep it up! Its super useful 🙏 [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129ca74fd0bf8636d76ad55#reply-6129cc3efd0bf8636d76ad88) Thanks a lot [Savio Martin](https://hashnode.com/@saviomartin) [Sycamore](https://hashnode.com/@tanoaksam) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129c3822858872661b98755) This is awesome. Thanks for sharing! I’m currently revamping my website which is built with Eleventy, but you gave me some good ideas to try to replicate! [Tapas Adhikary](https://hashnode.com/@atapas) [Aug 28, 2021](https://hashnode.com/posts/create-newsletter-with-revue-nextjs-api-routes-tailwindcss/6129c0adfd0bf8636d76ac52/comment/6129c3822858872661b98755#reply-6129c6d32858872661b987e3) Thank you [Sam Sycamore](https://hashnode.com/@tanoaksam). Glad you found it helpful. All the best for your website.