Building an Invoice Generator App with Next.js, Strapi & Tailwind CSS

1. Tailwind CSS

   1 1,490 86,674 9.9 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   In the tutorial, we will build REST API with Strapi, post our invoice items from our Nex.js app to the backend, and then give users the option to print the Invoice and save it to their device. We will also work with Tailwind CSS to style our application, so it looks elegant.

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. Strapi

   2 496 65,803 9.9 TypeScript

   🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first.

   

   This section will focus on scaffolding our Strapi project, creating our invoices collections, and then making them accessible to our frontend application.

4. React

   3 1,918 233,739 9.9 JavaScript

   The library for web and native user interfaces.

   

   Basic knowledge of React

Suggest a related project