Move to Next.js

Author: m1guelpf

.babelrc

@@ -0,0 +1,16 @@
+{
+    "presets": [
+      [
+        "next/babel",
+        {
+          "preset-env": {},
+          "transform-runtime": {},
+          "styled-jsx": {
+            "plugins": ["@thedadi/styled-jsx-plugin-postcss"]
+          },
+          "class-properties": {}
+        }
+      ]
+    ],
+    "plugins": []
+  }

.env.example

@@ -1,66 +1,41 @@
 module.exports = {
-    root: true,
+	root: true,
+	parser: 'babel-eslint',
 	env: {
+		node: true,
 		browser: true,
-        es6: true,
-        commonjs: true,
+		es6: true,
+		commonjs: true,
 	},
-	extends: [
-		'eslint:recommended',
-		'plugin:vue/essential',
-		'plugin:prettier/recommended'
-	],
-	globals: {
-		Atomics: 'readonly',
-        SharedArrayBuffer: 'readonly',
-        route: 'readonly',
-    },
+	extends: ['eslint:recommended', 'plugin:react/recommended', 'plugin:jsx-a11y/recommended', 'plugin:prettier/recommended'],
 	parserOptions: {
-        parser: 'babel-eslint',
-		ecmaVersion: 2018,
-		sourceType: 'module'
+		ecmaFeatures: {
+			jsx: true,
+		},
+		ecmaVersion: 2020,
 	},
-	plugins: [
-		'vue'
-	],
+	plugins: ['react'],
 	rules: {
-		indent: [
-			'error',
-			'tab'
-		],
-		'linebreak-style': [
-			'error',
-			'unix'
-		],
-		quotes: [
-			'error',
-			'single'
-		],
-		semi: [
-			'error',
-			'never'
-        ],
-        'vue/html-end-tags': [
-            'error'
-        ],
-        'vue/html-quotes': [
-            'error',
-            'double'
-        ],
-        'vue/mustache-interpolation-spacing': [
-            'error',
-            'always'
-        ],
-        'vue/no-multi-spaces': [
-            'error'
-        ],
-        'vue/require-prop-types': [
-            'error'
-        ],
-        'vue/this-in-template': [
-            'error',
-            'never'
-        ],
-    },
-    reportUnusedDisableDirectives: true
+		'import/prefer-default-export': 0,
+		'no-console': 'warn',
+		'no-nested-ternary': 0,
+		'no-underscore-dangle': 0,
+		'no-unused-expressions': ['error', { allowTernary: true }],
+		camelcase: 0,
+		'react/self-closing-comp': 1,
+		'react/jsx-filename-extension': [1, { extensions: ['.js', 'jsx'] }],
+		'react/prop-types': 0,
+		'react/destructuring-assignment': 0,
+		'react/jsx-no-comment-textnodes': 0,
+		'react/jsx-props-no-spreading': 0,
+		'react/no-array-index-key': 0,
+		'react/no-unescaped-entities': 0,
+		'react/require-default-props': 0,
+		'jsx-a11y/label-has-for': 0,
+		'jsx-a11y/anchor-is-valid': 0,
+		'react/react-in-jsx-scope': 0,
+		'linebreak-style': ['error', 'unix'],
+		semi: ['error', 'never'],
+		'prettier/prettier': ['error', {}, { usePrettierrc: true }],
+	},
 }

.eslintignore

@@ -1,17 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
 /node_modules
-/public/hot
-/public/storage
-/public/vendor/statamic
-/public/css/*.css
-/public/js/*.js
-/public/mix-manifest.json
-/public/sitemap.xml
-/storage/*.key
-/vendor
-.env
-.env.backup
-.phpunit.result.cache
-Homestead.json
-Homestead.yaml
-npm-debug.log
-yarn-error.log
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel

.eslintrc.js

@@ -1,8 +1,10 @@
 module.exports = {
-	trailingComma: 'all',
-	useTabs: true,
-	tabWidth: 4,
-	printWidth: 9999,
-	semi: false,
-	singleQuote: true
-};
+  semi: false,
+  singleQuote: true,
+  printWidth: 1000,
+  tabWidth: 4,
+  trailingComma: "es5",
+  useTabs: true,
+  bracketSpacing: true,
+  arrowParens: 'avoid'
+}

.gitattributes

@@ -1,69 +1,30 @@
-<p align="center"><img src="https://statamic.com/assets/branding/Statamic-Logo+Wordmark-Rad.svg" width="400" alt="Statamic Logo" /></p>
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-## About Statamic 3
+## Getting Started
 
-Statamic 3 is the very latest and greatest version of Statamic, a uniquely powerful CMS built on [Laravel](https://laravel.com) and designed to make building and managing bespoke websites radically efficient and enjoyable.
+First, run the development server:
 
-It's important to note that while this repo is open and we welcome your feedback and contributions, Statamic is not FOSS (Free and Open Source Software). Please review our [contritubtion guidelines][contribution] guidelines for more details!
+```bash
+npm run dev
+# or
+yarn dev
+```
 
-> **Note:** This repository contains the code for the Statamic application. To contribute to the core package, visit the [Statamic core package repository][app-repo].
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
+You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
 
-## Open Beta
+## Learn More
 
-Statamic 3 is now in **open beta!** We welcome you try it out, [read the docs](https://statamic.dev), experiment, send [bug reports][contribution], provide thoughtful feedback, and otherwise do anything you feel will make the platform better and more stable for launch.
+To learn more about Next.js, take a look at the following resources:
 
-If this is your first experience with Statamic, please reserve your final judgement until we're out of beta. We've built a solid and flexible foundation and most bugs and rough edges should be minor efforts to address.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
-### Not for Production Use
+## Deploy on Vercel
 
-**Statamic 3 Beta is NOT intended for production use.** You may encounter show-stopping bugs. Features may be removed last minute. There may still be **breaking changes** resulting in tedious manual labor and refactoring on _your_ end to get back in sync with master.
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
-So when you're tempted to launch that site you built anyway even after reading this warning, just remember &mdash; we told you not to do it and we still love you. :heart:
-
-
-### Pricing, Editions, and Features
-
-**Statamic is commercial, paid software** (Statamic v2 is $199/site). During the beta you're welcome to use Statamic as much as you'd like in development for free. Start new projects, upgrade your v2 sites, build addons, try dropping it into existing Laravel apps, and so on. When we launch Statamic 3 all you'll need to do is buy or upgrade the appropriate license and be on your way.
-
-After the beta there may be changes to pricing, new or different editions, and other changes to how the features and capabilities are organized. But since you're not going to use Statamic 3 Beta in production it shouldn't be much an issue, right? :blush:
-
-
-## Learning Statamic
-
-Statamic 3 has extensive (in progress) [documentation][docs]. We dedicate a significant amount of time and energy every day to improving them, so if something is unclear, wait a day or two and check back again. If it's still confusing, feel free to open an issue or chat with us on [Discord][discord] about it!
-
-
-## Support & Feedback
-
-We aren't able to provide "official support" for Statamic 3 in the way we do for Statamic 2. This is a beta, after all. We prefer to think of this phase as a collaborative process. And while we **do not** recommend using Statamic 3 in production, we **do** want to know about any issues you run into, any aspects that are confusing, and anything that is horribly broken. Please review the [contribution guide][contribution] before opening issues or pull requests. Thanks!
-
-
-### Discord
-
-Our [#v3 channel][discord] is the best place to casually chat with us and other developers about the Statamic 3 beta.
-
-
-## Contributing
-
-Thank you for considering contributing to Statamic! Please review the [contribution guide][contribution] before you open issues or send pull requests.
-
-
-## Code of Conduct
-
-In order to ensure that the Statamic community is welcoming to all and generally a rad place to belong, please review and abide by the [Code of Conduct](https://github.com/statamic/cms/wiki/Code-of-Conduct).
-
-
-## Important Links
-
-- [Statamic 3 Documentation][docs]
-- [Statamic 3 Application Repo][app-repo]
-- [Statamic 3 Migrator](https://github.com/statamic/migrator)
-- [Statamic 3 Development Blog](https://v3.statamic.com)
-- [Statamic Discord][discord]
-
-[docs]: https://statamic.dev/
-[discord]: https://statamic.com/discord
-[contribution]: https://github.com/statamic/cms/blob/master/CONTRIBUTING.md
-[app-repo]: https://github.com/statamic/statamic
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.