В конце декабря 2015 года я решил, что Raise Your Flag нуждается в фейслифтинге. И я говорю не просто о нескольких более крутых стилях, я говорю о полном обновлении как фронтенда, так и бэкэнда.

Raise Your Flag — это замечательная карьера для людей без диплома, компаний, которые их нанимают, и навыков, необходимых для того, чтобы быть миллениалом, которые могут доказать, что они достойны шанса в мире трудоустройства.

Ради этой статьи и чтобы представить ситуацию в перспективе, я присоединился к команде в июне 2015 года и создал Raise Your Flag 2.0.

Вот как появилась Raise Your Flag 2.1.

Передняя часть

Как вы знаете, я твердо верю в Метеор и все, что с ним связано. Я построил в нем Raise Your Flag, и это позволило мне сделать это быстро и по большей части без проблем.

В старой версии использовался внешний интерфейс Meteor Blaze, и, поскольку мне нужно было разработать его довольно быстро, оптимизация не была одной из главных проблем в то время.

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

С учетом направления, в котором движется Meteor, и того, как он медленно, но верно охватывает всю экосистему JavaScript, было довольно легко принять решение о выборе фреймворка для интерфейса React. Meteor изначально поддерживает его, и это действительно отличное внешнее решение для веб-приложений.

Итак, если подытожить интерфейсный стек более или менее, это React, Bootstrap и Material UI.

Бэкэнд

Не вдаваясь слишком далеко в серверную часть, потому что я действительно не хочу, чтобы это был технически сложный пост (хотя вы можете обратиться ко мне, если хотите, с любыми вопросами по этому поводу), я переместил Raise Your Flag из Modulus в DigitalOcean.

То, как это произошло, на самом деле никак не связано с плохим Modulus (на самом деле его очень легко настроить, и они поддерживают приложения Meteor прямо из коробки). Я получил доступ к версии для разработчиков Meteor’s Galaxy. Однако во время написания этого я столкнулся с несколькими проблемами с моей настройкой. У меня есть настройка рендеринга на стороне сервера, чтобы иметь возможность улучшить SEO, поскольку у нас много контента, который мы хотим просканировать, а сервер Galaxy максимально загружал мой процессор без какой-либо видимой причины, поэтому после нескольких попыток исправить это я решил установить up DigitalOcean, так как у меня остался некоторый кредит от Github Student Pack, я уже настроил отдельную Compose mongoDB, которая использовала Oplog (Modulus этого не предлагал), и многие люди говорили, что это отличное решение для размещения приложений Meteor. .

PS, у Galaxy НЕВЕРОЯТНАЯ поддержка клиентов. Я никогда не ожидал, что буду болтать с Томом Коулманом в течение 30 минут после подачи заявки на выпуск, поэтому большое спасибо всем ребятам из Meteor, вы, ребята, потрясающие, и держитесь изо всех сил!

Итак, если обобщить внутренний стек, это DigitalOcean с MUP и Compose.io.

Результат

После долгих полутора месяцев реактификации и оптимизации Raise Your Flag новая версия работает и работает, и я очень горжусь ею. Я настроил CDN на CloudFront в соответствии со статьей Джоша Оуэнса о CDN и Meteor в производстве, а также хотел бы поблагодарить Карла Даннингера за то, что остался со мной. поздним вечером и помог мне с некоторыми проблемами оптимизации за высокой банкой Саппоро.

Raise Your Flag 2.1 теперь НАМНОГО быстрее загружается, лучше выглядит и, надеюсь, проложит путь в качестве инструмента и решения для миллениалов и станет самым большим пулом сотрудников начального уровня, навыков и крутых компаний.

Поскольку я использую SSR (рендеринг на стороне сервера), я могу получить хорошие функции обмена в социальных сетях.

Далее предстоит еще МНОГО сделать. Существует масса возможностей для оптимизации кодовой базы и повышения ее эффективности. Я также создам панель инструментов для управления контентом (Пользователи, Вакансии, Карьера и т. д.). Я думаю, что я начну серию постов о росте о том, как у нас дела и как оптимизировать для лучшего органического поиска, а также обо всем, что я могу затронуть.

Еще раз, если у кого-то из вас, любезные читатели, есть какие-либо вопросы о технологиях или просто об общих вещах, не стесняйтесь спрашивать :)

Оригинальный пост живет здесь.

[От: Сергей Дыбский — технический директор, Raise Your Flag]