{"repo":"mlynch/nextjs-tailwind-ionic-capacitor-starter","free":true,"listed":false,"github":"https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-starter","clone":"git clone https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-starter.git","description":"A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor","language":"TypeScript","stars":1934,"topics":["capacitor","tailwind","tailwind-css","ionic-framework","ionic","nextjs","react"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Next.js + Tailwind CSS + Ionic Framework + Capacitor Mobile Starter This repo is a conceptual starting point for building an iOS, Android, and Progressive Web App with Next.js, Tailwind CSS, Ionic Framework, and Capacitor. Next.js handles the production React app experience, Tailwind can be used to style each page of your app, Ionic Framework provides the cross-platform system controls (navigation/transitions/tabs/etc.), and then Capacitor bundles all of it up and runs it on iOS, Android, and Web with full native access. See this blog post for an overview of the stack and how it all works: Usage This project is a standard Next.js app, so the typical Next.js development process applies ( npm run dev for browser-based development). However, there is one caveat: the app must be exported to deploy to iOS and Android, since it must run purely client-side. (more on Next.js export) To build the app, run: All the client side files will be sent to the ./out/ directory. These files need to be copied to the native iOS and Android projects, and this is where Capacitor comes in: Finally, use the following run commands to run the app on each platform: Livereload/Instant Refresh To enable Livereload and Instant Refresh during development (when running npm run dev ), find the IP address of your local interface (ex: 192.168.1.2 ) and port your Next.js server is running on, and then set the server url config value to point to it in capacitor.config.json : Note: this configuration wil be easier","default_branch":null,"files":null,"tree":[],"storefront":"/r/mlynch","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mlynch/nextjs-tailwind-ionic-capacitor-starter/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}