feat: Init next app (#15)

* feat: init next app

* feat: clean up project

.eslintignore

@@ -0,0 +1,5 @@
+dist/*
+.cache
+public
+node_modules
+*.esm.js

.eslintrc.js

@@ -0,0 +1,45 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  extends: [
+    'next/core-web-vitals',
+    'prettier',
+    'eslint:recommended',
+    'plugin:prettier/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:tailwindcss/recommended',
+  ],
+  plugins: ['simple-import-sort', 'prettier', '@typescript-eslint'],
+  rules: {
+    'prettier/prettier': [
+      'error',
+      {
+        endOfLine: 'auto',
+      },
+    ],
+    'sort-imports': 'off',
+    'tailwindcss/no-custom-classname': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    'simple-import-sort/imports': [
+      2,
+      {
+        groups: [
+          ['^.+\\.s?css$'],
+          [
+            `^(${require('module').builtinModules.join('|')})(/|$)`,
+            '^react',
+            '^@?\\w',
+          ],
+          ['^components(/.*|$)'],
+          ['^lib(/.*|$)', '^hooks(/.*|$)'],
+          ['^\\.'],
+        ],
+      },
+    ],
+  },
+  settings: {
+    tailwindcss: {
+      callees: ['cn'],
+      config: 'tailwind.config.js',
+    },
+  },
+};

.github/issue-template.md

@@ -0,0 +1,9 @@
+### Describe the feature / bug 📝:
+
+N/A
+
+### Steps to reproduce the bug 🔁:
+
+1.
+2.
+3.

.github/pull-request-template.md

@@ -0,0 +1,11 @@
+### Issue 😱:
+
+Closes https://github.com/Skolaczk/next-starter/issues
+
+### What has been done ✅:
+
+- [ ]
+
+### Screenshots/Videos 🎥:
+
+N/A

.github/workflows/lint.yml

@@ -0,0 +1,21 @@
+name: Code check
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  lint:
+    name: Eslint, Typescript, prettier
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install dependencies
+        run: npm install
+      - name: ESLint
+        run: npm run lint
+      - name: Type check
+        run: npm run typecheck
+      - name: Prettier
+        run: npm run format:check

.gitignore

@@ -1,4 +1,49 @@
-node_modules/
-.cache/
-public
-.env
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+.idea
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# eslint cache
+.eslintcache
+
+# next-sitemap
+robots.txt
+sitemap.xml
+sitemap-*.xml
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1,4 @@
+node_modules
+/public
+/dist
+/build

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  endOfLine: 'auto',
+  semi: true,
+  singleQuote: true,
+  jsxSingleQuote: false,
+  trailingComma: 'es5',
+  tabWidth: 2,
+};

README.md

@@ -1,56 +1 @@
-<h3 align="center">Portfolio</h3>
-
-## Project Overview 🎉
-
-It's my portfolio page made in Gatsby.js. I used this technology because gatsby is a static page generator which was perfect for this project. I organized the structure of the projects, splitting them into assets, components, hooks, templates and pages. On this page you can find information about me You can also send an email directly from the website. This functionality was done using the <a href="https://www.emailjs.com/">EmailJS</a> tool. Remember about the correct data in the form as it is validated!
-
-## Installation 💾
-
-Download the project to your computer and install needed packages with command:
-
-```sh
-npm install
-```
-
-Then start the project on the local server with the command:
-
-```sh
-npm start
-```
-
-and open http://localhost:8000/ to see this app.
-
-## Live 📍
-
-Link to the live version: https://michalskolak.netlify.app/
-
-## Tech/framework used 🔧
-
-| Tech              | Description                                                                                                                                                                                         |
-| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Gatsby.js         | It's a static site generator based on react.                                                                                                                                                        |
-| Styled-components | Great library for styling components in an application. The biggest advantage of this library is writing styles in js, so we can use conditional statements and other things from javascript there. |
-| EmailJS           | It's technology for sending e-mails from the website without back-end functions.                                                                                                                    |
-| GSAP              | It's library for advenced animations. I used it with ScrollTrigger plugin                                                                                                                           |
-| Formik, Yup       | These library help maintain and validate form.                                                                                                                                                      |
-| Eslint, Prettier  | These tools help keep code clean in project.                                                                                                                                                        |
-
-## Screenshots 📺
-
-<p align="center">
-    <img src="https://user-images.githubusercontent.com/76774237/188315065-7d8cfbbc-4a80-4e6b-a066-f9963357a14a.png" alt="Screenshot">
-</p>
-
-<p align="center">
-    <img src="https://user-images.githubusercontent.com/76774237/188315072-d6029ee5-9e8d-4843-af82-79f37856c766.png" alt="Screenshot">
-</p>
-
-## Available scripts
-
-| Command         | Description            |
-| --------------- | ---------------------- |
-| `npm run start` | Open local server      |
-| `npm run build` | Create optimized build |
-| `npm run clean` | Clean .cache folder    |
-
-If you encounter a problem, write to this e-mail address: [skolakmichal1@gmail.com](mailto:skolakmichal1@gmail.com)
+# Portfolio

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

next-sitemap.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  siteUrl: process.env.NEXT_PUBLIC_SITE_URL || '',
+  generateRobotsTxt: true,
+  generateIndexSitemap: false,
+  robotsTxtOptions: {
+    policies: [{ userAgent: '*', allow: '/' }],
+  },
+};

next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+module.exports = nextConfig;