Merge pull request #4 from easy-deep-learning/feature/init-nextjs

Init project

Author: alexbaumgertner

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.github/workflows/build.yml

@@ -0,0 +1,36 @@
+name: deploy
+on: [push]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js environment
+        uses: actions/[email protected]
+        with:
+          node-version: '16'
+
+      - uses: pnpm/[email protected]
+        with:
+          version: 7.12.2
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm run build
+
+      - name: Static HTML Export
+        run: pnpm run export
+
+      - name: Disable Jekyl # https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/
+        run: touch ./out/.nojekyll
+
+      - name: Delpoy 🚀
+        uses: JamesIves/[email protected]
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          BRANCH: gh-pages
+          FOLDER: out

.gitignore

@@ -0,0 +1,36 @@
+# 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
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

components/Date/date.jsx

@@ -0,0 +1,15 @@
+import { parseISO, format } from 'date-fns'
+import { ru } from 'date-fns/locale'
+import dateStyles from './date.module.css'
+
+
+export default function Date({ dateString }) {
+  const date = parseISO(dateString)
+  return (
+    <time dateTime={dateString} className="date">
+      <span className={dateStyles.day}>{format(date, 'dd', { locale: ru })}</span>
+      <span className={dateStyles.month}>{format(date, 'mm', { locale: ru })}</span>
+      <span className={dateStyles.year}>{format(date, 'yyyy', { locale: ru })}</span>
+    </time>
+  )
+}

components/Date/date.module.css

@@ -0,0 +1,5 @@
+.day {}
+
+.month {}
+
+.year {}

components/Date/index.js

@@ -0,0 +1,3 @@
+import Date from './date'
+
+export { Date }

components/Header/Header.jsx

@@ -0,0 +1,9 @@
+import { Menu } from '../index'
+
+export default function Header () {
+  return (
+    <header>
+      <Menu />
+    </header>
+  )
+}

components/Header/index.js

@@ -0,0 +1,3 @@
+import Header from './Header'
+
+export { Header }

components/Menu/Menu.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import Link from 'next/link'
+import { withRouter } from 'next/router'
+import style from './menu.module.css'
+
+const ActiveLink = withRouter(({ router, children, ...props }) => (
+  <Link {...props}>
+    {React.cloneElement(children, {
+      className: router.pathname === props.href ? `${style.item} ${style.item_active}` : style.item,
+    })}
+  </Link>
+))
+
+export default function Menu () {
+  return (
+    <nav className={style.root}>
+      <ActiveLink href="/"><a>Главная</a></ActiveLink>
+      <ActiveLink href="/text-works"><a>Тестовые задания</a></ActiveLink>
+      <ActiveLink href="/programming"><a>Программирование</a></ActiveLink>
+      <ActiveLink href="/ci-cd"><a>Деплой</a></ActiveLink>
+      <ActiveLink href="/soft-skills"><a>Софт-Скиллы</a></ActiveLink>
+    </nav>
+  )
+}

components/Menu/index.js

@@ -0,0 +1,3 @@
+import Menu from './Menu'
+
+export { Menu }