From 5b30da96f4d2d708401c456da0c6ab5d675f5182 Mon Sep 17 00:00:00 2001 From: Ovidiu Cristescu <55203625+criszz77@users.noreply.github.com> Date: Thu, 29 Dec 2022 23:01:14 +0200 Subject: [PATCH] Next.js --- README.md | 74 +++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 55 insertions(+), 19 deletions(-) diff --git a/README.md b/README.md index c32fa55..94831be 100644 --- a/README.md +++ b/README.md @@ -6,29 +6,28 @@ >

-[1]: https://github.com/criszz77/react-native-media-console/workflows/ci/badge.svg -[2]: https://github.com/criszz77/luna/actions - -[](https://reactnative.dev/) -[![platforms](https://img.shields.io/badge/platforms-Android%20%7C%20iOS%20%7C%20Web-brightgreen.svg?style=flat-square&colorB=191A17)](https://necolas.github.io/react-native-web/) +[![reactnative][3]][4] +[![nextjs][5]][6] +[![platforms][7]][8] [![ci][1]][2] -[![GitHub](https://img.shields.io/github/license/criszz77/luna)](https://github.com/criszz77/luna/blob/master/LICENSE) -[![Maintenance](https://img.shields.io/maintenance/yes/2022)](https://github.com/criszz77/luna/graphs/contributors) -[![npm](https://img.shields.io/npm/v/@criszz77/luna)](https://www.npmjs.com/package/@criszz77/luna) - - +[![GitHub][9]][10] +[![Maintenance][11]][12] +[![npm][13]][14] + + # 🌒 `Luna` -### `🌒 Luna` is a `React Native` boilerplate with minimal configuration so your app can run on `Android`, `IOS` and `Web` concurrently. -[You can try the live example here.](https://criszz77.github.io/luna/) +### `🌒 Luna` is a `React Native` and `Next.js` boilerplate so your app can run on `Android`, `IOS` and `Web` concurrently. +[You can try the live example here.][19] ## ⭐ Features -> 📖 Please visit the [`🌒 Luna Wiki`](https://github.com/criszz77/luna/wiki) to see why and how we decided to implement all those features. \ -> 🚀 For an advanced start, you can head to [react-native-firebase-authentification-example](https://github.com/invertase/react-native-firebase-authentication-example) which is built on top of Luna template +> 📖 Please visit the [`🌒 Luna Wiki`][20] to see why and how we decided to implement all those features. \ +> 🚀 For an advanced start, but currently without `Next.js`, you can head to [react-native-firebase-authentification-example][21] which is built on top of Luna template -- [React Native Web](https://necolas.github.io/react-native-web/) -- [React Navigation](https://reactnavigation.org/) -- [TypeScript](https://www.typescriptlang.org/) +- [React Native Web][22] +- [Next.js][6] +- [Solito][23] +- [TypeScript][24] - Other ## 🎛 Setup @@ -43,16 +42,28 @@ Use the above command to start a new React Native app using this template. After ### `yarn web` -Runs the app in the web.\ -Open [http://localhost:3000](http://localhost:3000) to view it in the browser. +Runs the app in the web in development mode.\ +Open [http://localhost:3000][25] to view it in the browser. The page will reload if you make edits.\ You will also see any lint errors in the console. +### `yarn build` + +Builds the web app for production with Next.js. + +### `yarn next-start` + +Runs the web app in production mode with Next.js. \ +Open [http://localhost:3000][25] to view it in the browser. \ +**Note:** You have to run `yarn build` first! + + ### `yarn start` Start Metro Bundler. + ### `yarn android` Launches the app for Android in debug mode. @@ -76,3 +87,28 @@ Further information can be found here: https://github.com/react-native-community > 💻 By contributing, you agree that your contributions will be licensed under its MIT License. +[1]: https://github.com/criszz77/react-native-media-console/workflows/ci/badge.svg +[2]: https://github.com/criszz77/luna/actions +[3]: https://img.shields.io/badge/-React%20Native-282C34?style=flat-square&logo=react&logoColor=61DAFB +[4]: https://reactnative.dev/ +[5]: https://img.shields.io/badge/-Next.js-282C34?style=flat-square&logo=vercel&logoColor=white&labelColor=black&color=black +[6]: https://nextjs.org/ +[7]: https://img.shields.io/badge/platforms-Android%20%7C%20iOS%20%7C%20Web-brightgreen.svg?style=flat-square&colorB=191A17 +[8]: https://necolas.github.io/react-native-web/ +[9]: https://img.shields.io/github/license/criszz77/luna +[10]: https://github.com/criszz77/luna/blob/master/LICENSE +[11]: https://img.shields.io/maintenance/yes/2022 +[12]: https://github.com/criszz77/luna/graphs/contributors +[13]: https://img.shields.io/npm/v/@criszz77/luna +[14]: https://www.npmjs.com/package/@criszz77/luna +[15]: https://img.shields.io/github/issues/criszz77/luna +[16]: https://github.com/criszz77/luna/issues +[17]: https://img.shields.io/github/issues-closed/criszz77/luna +[18]: https://github.com/criszz77/luna/issues?q=is%3Aissue+is%3Aclosed +[19]: https://luna-gamma.vercel.app/ +[20]: https://github.com/criszz77/luna/wiki +[21]: https://github.com/invertase/react-native-firebase-authentication-example +[22]: https://necolas.github.io/react-native-web/ +[23]: https://solito.dev/ +[24]: https://www.typescriptlang.org/ +[25]: http://localhost:3000