Проект личного блога-портфолио на базе MERN
Стек:
- Фронтенд - React.js
- Бекенд - Next.js + Node.js
- База данных - Mongo.db
- Авторизация через Auth0
- Дизайн - Material UI компоненты
- Формы - React-formik
- Чаcтичное внедрение Redux
ERRORS
- Не работает SASS!!!
- Разобраться почему нет задержки при переходе на страницу, то есть loading не срабатывает
- snackbars сделать универсальным компнентом для любых всплывашек
- Доделать в editPort значения по умолчанию
6 способов стилизации
TODO
- инлайново (заголовок в хедере)
- через классы + scss (заголовок в хедере)
- Просто через стили в папке static (body)
- Через 'style jsx' ( ссылки в хедере)
- Через withStyles (Button на странице about.js)
- Через тему MuiThemeProvider и JssProvider для всех компонент через рутовый компонент app.js
- https://search.google.com/search-console/mobile-usability?resource_id=http://sitedev.spb.ru/&utm_source=wnc_10030322&utm_medium=gamma&utm_campaign=wnc_10030322&utm_content=msg_100058679&hl=ru
- Перевести авторизацию на Redux
- transition при переходе по страничкам. см. в документации + урок 152
- Flipping card - Урок 153 - 155 + 160
- Check all h1 every pages, alts in images
- https://favicon.io/favicon-generator/ - TODO + web manifest
- After migration to https - create full webmanifest http://brucelawson.github.io/manifest/
- Add users for testing
SOURCES:
mui-icons https://materialdesignicons.com/ graphics - https://www.vecteezy.com/ usedBlogs as from https://blog.toukopeltomaa.com/next-js-markdown-blog + https://www.npmjs.com/package/next-manifest eslit example - https://github.com/Sly777/ran/blob/master/.eslintrc Dates lib: https://date-fns.org/v1.30.1/docs/format
Add scripts later!!
"husky": { "hooks": { "pre-commit": "lint-staged" } },