Build mobile apps with Tailwind CSS, Next.js, Ionic Framework, and Capacitor

Click for: original source

A very popular stack for building responsive web apps is Tailwind CSS and Next.js by Vercel. By Max Lynch.

Tailwind, a utility-first CSS framework that replaces the need to write custom class names or even any CSS at all in many cases, makes it easy to design responsive web apps through small CSS building blocks and a flexible design foundation.

Next.js, a React framework for building high performance React apps, is one of the leading environments for building production React apps on the web.

The article then describes:

  • The stack visualized
  • Mobile UI and native runtime
  • Introducing the Next.js + Tailwind CSS + Ionic Framework + Capacitor Starter
  • Deploying to iOS and Android

If you’ve been interested in building mobile apps using popular web dev projects like Next.js or Tailwind, hopefully this starter provides inspiration and a solid foundation for building your next app using web technologies. Good read!

[Read More]

Tags app-development css frontend web-development ios android