Overview

Luna is a React Native and Next.js boilerplate that allows your app to run on Android, iOS, and Web simultaneously. It provides a convenient starting point for building cross-platform applications.

Features

• React Native: Luna supports React Native, allowing you to build native mobile apps.
• Next.js: Luna also supports Next.js, enabling server-side rendering and routing for web apps.
• Concurrent Development: With Luna, you can develop and test your app on Android, iOS, and Web concurrently.

Installation

To install Luna, make sure your environment is set up correctly for React Native. You can follow the instructions provided by React Native’s documentation for environment setup.

Once your environment is set up, you can create a new Luna project by running the following command:

npx create-react-native-app my-app --template @criszz77/luna

After successfully creating your Luna project, you can use the following commands for development:

• Native Development: Use yarn start to start the Metro Bundler, and then press i for iOS or a for Android to run the app on respective simulators.
• Web Development: Use yarn web to run the app in development mode on the web. It will be accessible at http://localhost:3000.
• Web Production Build: Use yarn build to build the web app for production with Next.js.
• Web Production Mode: Use yarn next-start to run the web app in production mode with Next.js. It will be accessible at http://localhost:3000.

Please note that for the web production mode, you need to run yarn build first.

Summary

Luna is a versatile boilerplate for building cross-platform applications using React Native and Next.js. It allows for concurrent development on Android, iOS, and Web, making it easier to develop and test your app on multiple platforms. With its support for React Native and Next.js, Luna provides a comprehensive solution for building both native mobile and web applications.