More Premium Hugo Themes Premium Nextjs Themes

Luna

Luna - a React Native + Next.js template. Built with TypeScript :heart:

Luna

Luna - a React Native + Next.js template. Built with TypeScript :heart:

Author Avatar Theme by lunatiquecoder
Github Stars Github Stars: 270
Last Commit Last Commit: Oct 30, 2024 -
First Commit Created: Apr 29, 2023 -
default image

Overview

Luna is a React Native and Next.js boilerplate that allows your app to run on Android, iOS, and web concurrently. It offers several features and can be set up easily.

Features

  • React Native and Next.js integration
  • Android, iOS, and web support
  • Easy setup and installation
  • TypeScript integration
  • No monorepo (everything in one app)
  • SolitoTamagui integration

Installation

To set up Luna, make sure you have your environment correctly set up for React Native. Follow the instructions provided in React Native documentation. Once your environment is set up, you can proceed with the following steps:

  1. Clone the Luna repository from GitHub.
  2. Run the following command to create a new project: create-react-native-app <project-name>
  3. After that, various commands will be available to use:
    • To start the app on iOS or Android simulator, run yarn start and then press ‘i’ for iOS or ‘a’ for Android.
    • To run the app on the web in development mode, use yarn web and open http://localhost:3000 in your browser.
    • To build the web app for production with Next.js, run yarn build.
    • To run the web app in production mode with Next.js, use yarn next-start.

Note that if you want to use Luna with Next.js, you need to first run yarn build before running yarn next-start.

For debugging purposes, make sure you have the correct CLI set up for React Native. If you encounter any issues, refer to the documentation provided in React Native CLI repository. It is also recommended to use React Dev Tools for inspecting and editing React Native styles rather than directly manipulating the DOM.

Luna is released under the MIT License. By contributing to the project, you agree that your contributions will also be licensed under the MIT License.

Summary

Luna is a versatile boilerplate that combines React Native and Next.js to allow app development for Android, iOS, and web platforms. It offers a range of features including TypeScript integration, easy setup, and SolitoTamagui integration. The installation process involves setting up the environment, cloning the repository, and running various commands to start the app on different platforms. Luna is released under the MIT License, and contributions are also licensed under the same terms.