• Есть ли люди, которые смогли обойти блокировку сервиса Netlify?

    IvanGanev
    @IvanGanev
    Веб разработчик
    У Netlify проблемы с DNS, для российских сайтов лучше использовать DNS Яндекса или mailru (или какие угодно какие работают в России), и не использовать DNS Netlify (а для надежности вообще иностранные DNS).

    Вот документация Netlify про то как это сделать: https://docs.netlify.com/domains-https/custom-doma...

    Если коротко, нужно в вашем DNS хостинге прописать вашему домену A запись со значением 104.198.14.52
    Ответ написан
    3 комментария
  • Как реализуется страница для просмотря в деталях продукта?

    IvanGanev
    @IvanGanev
    Веб разработчик
    GitHub Pages подходит только для статичных сайтов.

    Что бы сделать каталог можно использовать какой-нибудь генератор статичных сайтов (например Gatsbyjs, Hugo или Jekyll). К примеру, при генерации сайта движок, по заданной вами логике, будет генерировать для каждого продукта свою страницу (беря данные из API, json файла, из чего угодно). Соответственно при нажатии на продукт пользователь будет просто переходить по ссылке на уже сгенерированную, статичную страницу этого продукта.
    Ответ написан
    2 комментария
  • Как организовать хостинг для сайта, сделанного на Gatsby и Strapi?

    IvanGanev
    @IvanGanev
    Веб разработчик
    Netlify и другие хостинги для статических генераторов специализируются на размещении SSG и упрощают работу с ними, в первую очередь за счет того что "подхватывают" изменения сделанные в проекте после пуша (на гитхабе, например), и автоматически запускают генерацию сайта. Это очень удобно. Но при этом вы не совсем храните сайт на Netlify, вы держите его на GitHub-е или GitLab-е. И на том же GitLab можно держать репо размером 10gb за бесплатно.

    У самого Netlify вообще нет лимитов на размер сайта, вот обсуждение на эту тему: https://community.netlify.com/t/free-plan-website-... - можно держать сайт любого размера за бесплатно, там правда могут возникнуть проблемы с GIT из-за больших файлов, и именно из-за этого существует услуга Netlify Large Media.

    Так что можно вообще бесплатно держать Gatsbyjs сайт на Netlify + GitLab размером до 10gb.
    Ответ написан
    Комментировать
  • Какие преимущества дает связка wordpress сайта с react?

    IvanGanev
    @IvanGanev
    Веб разработчик
    Во первых, Gatsby это SSG, он генерирует статичные сайты, а еще умеет генерировать PWA (сам гэтсби, к слову, именно так себя позиционирует, как PWA генератор). Это не SPA.

    На счет вордпресс вы правильно поняли - его можно использовать с гэтсби в качестве CMS. Никакого отношения к логике самого сайта, при этом, вордпресс иметь не будет, это будет просто именно интерфейс для работы с контентом. Вообще есть множество CMS нацеленных специально для работы со статичными генераторами сайтов, вот хороший список: https://headlesscms.org/

    На счет баз данных. Внутри гэтсби для работы с данными встроен GraphiQL, он работает из коробки. При этом источниками инфы может быть что угодно, это могут быть и внутренние файлы (популярно использование markdown файлов для постов в блоге, но вообще можно хоть json или csv использовать), и какие либо API (тот же вордпресс).

    На счет скорости работы - это, на самом деле, комплексный вопрос. Но да, гэтсби обычно заметно быстрее, при чем дело не только в том что в итоге юзер получает статичный сайт, но и во встроенных в гэтсби инструментах оптимизации, к примеру там есть очень крутые инструменты для оптимизации показа картинок.

    На счет комментариев. Можно пользоваться сервисами для комментариев, есть попсовый https://disqus.com/ или есть опенсорсная платформа для комментариев https://commento.io/.

    Вообще я часто вижу что и сайты на вордпресе все равно использую тот же дискус.
    Ответ написан
    Комментировать
  • Как правильно настроить ESLint для typescript?

    IvanGanev
    @IvanGanev
    Веб разработчик
    eslint теперь сфокусировался на работе и с typescript

    Лично я пришел к такой настройки eslint под typescript:

    .eslintrc.json
    {
      "parser": "@typescript-eslint/parser",
      "plugins": ["@typescript-eslint", "prettier"],
      "extends": [
        "plugin:@typescript-eslint/recommended",
        "prettier/@typescript-eslint",
        "plugin:prettier/recommended"
      ],
      "parserOptions": {
        "sourceType": "module",
        "useJSXTextNode": true,
        "project": "./tsconfig.json"
      }
    }


    .prettierrc
    {
      "singleQuote": true,
      "arrowParens": "always",
      "tabWidth": 2,
      "useTabs": false
    }


    .babelrc - важно, без него не заработает.

    {
      "plugins": ["babel-plugin-rewire"],
      "presets": [
        "@babel/preset-typescript",
        [
          "@babel/preset-env",
          {
            "targets": {
              "node": "current"
            }
          }
        ]
      ]
    }


    tsconfig.json

    {
      "compilerOptions": {
        "diagnostics": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "forceConsistentCasingInFileNames": true,
        "lib": ["es7"],
        "module": "commonjs",
        "target": "esnext",
        "moduleResolution": "node",
        "noImplicitAny": false,
        "noUnusedLocals": true,
        "noUnusedParameters": true,
        "outDir": "dist/",
        "pretty": true,
        "removeComments": true,
        "strict": true,
        "declaration": true
      },
      "exclude": [
        "src/**/*.spec.*",
        "node_modules",
        "**/__tests__/*",
        "**/__mocks__/*"
      ],
      "include": ["src", "typings"]
    }
    Ответ написан
    Комментировать
  • Как правильно называется вакансия?

    IvanGanev
    @IvanGanev
    Веб разработчик
    R это хоть и язык программирования, но по сути это не альтернатива условному питону, а альтернатива экселю. Связка R + RStudio позволяет делать все что делает эксель гораздо проще и быстрее, при чем с любым набором данных, плюс много чего сверху вроде машинного обучения (что уже перестает быть экзотикой и становиться рабочим инструментом), парсинга данных из разных источников и множество вариантов визуализации данных (к слову ничего подобного пакету ggplot2 в том же питоне нет, хотя проект по переносу был но вроде как заглох).

    Понятное дело что большинство работодателей ни о каком R не слышали, и вместо R будут писать про эксель или в лучшем случае про биг дата, машинное обучение или "очистку" данных. Думаю хорошей идеей является поиск вакансий по запросу Excel VBA - такие работодатели, как правило, уже дошли до потолка возможностей экселя, и, возможно, им уже и не эксель-то и нужен. Или, с другой стороны, искать вакансии связанные с визуализацией данных (тут уж зависит от того на чем вы больше специализируетесь, лично я к R пришел именно из-за его возможностей по визуализации данных).
    Ответ написан
    Комментировать
  • Из каких англоязычных ресурсов предпочитаете получать свежую информацию из мира UI / UX / Web Design?

    IvanGanev
    @IvanGanev
    Веб разработчик
    Есть такой вот агрегатор статей о веб дизайне: www.webdesignernews.com
    Так как он собирает свежие статьи из других источников то там же можно найти интересные сайты и блоги на которые иным путем наткнутся было бы сложно.
    Ответ написан
  • Есть ли альтернатива keycollector для google?

    IvanGanev
    @IvanGanev
    Веб разработчик
    Помимо того что Adwords встроен в keycollector, в самом же Google Adwords есть свои инструменты для поиска ключевых слов, в теории они для настройки контекстной рекламы, но ясно дело и для SEO то же подходит.

    Инструменты (в меню сверху) - Планировщик ключевых слов - выбираете что вам нужно. Там и подбор новых слов по сайту и категории, и подбор через списки ключевых слов. Статистика, география, выгрузка в виде файла эксель и тд, обычно всего этого более чем достаточно.
    Ответ написан