Next.js

README.md

@@ -6,29 +6,28 @@
     >
 </p>
 
-[1]: https://github.com/criszz77/react-native-media-console/workflows/ci/badge.svg
-[2]: https://github.com/criszz77/luna/actions
-
-[<img src="https://img.shields.io/badge/-React Native-282C34?style=flat-square&logo=react&logoColor=61DAFB"/>](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 issues](https://img.shields.io/github/issues/criszz77/luna)](https://github.com/criszz77/luna/issues) -->
-<!-- [![GitHub closed issues](https://img.shields.io/github/issues-closed/criszz77/luna)]((https://github.com/criszz77/luna/issues?q=is%3Aissue+is%3Aclosed)) -->
+[![GitHub][9]][10]
+[![Maintenance][11]][12]
+[![npm][13]][14]
+<!-- [![GitHub issues][15]][16] -->
+<!-- [![GitHub closed issues][17]][18] -->
 
 # 🌒 `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