Мой React Boilerplate с Next.js недавно достиг 2000+ звезд на GitHub. В последние месяцы я постоянно работал над улучшением проекта и добавлением новых функций. К сожалению, этого недостаточно, чтобы проект был замечен сообществом. Я также потратил свое время на продвижение проекта на многих платформах, и в этой статье я поделюсь с вами моими 11 местами для продвижения проекта с открытым исходным кодом.
Подготовка к успешному продвижению
Прежде чем продвигать свой проект, необходимо убедиться, что он заинтересует других разработчиков. В моем случае, будучи инди-разработчиком, я постоянно создаю новые продукты. Поэтому я терял время, устанавливая и настраивая новые проекты React снова и снова. Например, я тратил время на настройку TypeScript, ESLint, Prettier, Jest, Cypress и других инструментов, связанных с JavaScript.
С этим разочарованием я решил создать React boilerplate, который вы можете использовать для быстрого запуска нового проекта. Я подумал, что у других людей могут быть такие же проблемы. Поэтому я сделал проект с открытым исходным кодом и доступным для всех.
Вам также нужно убедиться, что ваш проект прост в использовании. Любая документация, учебники или README, которые вы предоставите, помогут другим разработчикам начать работу. Особенно если у вас есть хорошо выглядящий файл README, это, безусловно, увеличит ваши шансы получить хорошее первое впечатление и звезду на вашем проекте на GitHub.
Убедившись, что все на месте, мы можем начать продвижение в этих 11 местах.
1. Google с помощью SEO
Для моего React Boilerplate проект в настоящее время занимает первое место в Google по ключевому слову Next.js Boilerplate. Это приносит много трафика в репозиторий и увеличивает количество звезд на GitHub. На самом деле, проект получил больше всего трафика от Google: Google приносит больше трафика, чем сам GitHub. Вот почему крайне важно написать файл README, чтобы Google его проиндексировал.
SEO хорошо тем, что вам нужно настроить его только один раз. Затем ваш проект автоматически получает трафик из Google. Он полностью пассивен. Но SEO — это сложно и трудно, особенно если вы нацелены на ключевые слова с высокой конкуренцией. Существует множество факторов, которые могут повлиять на ваш рейтинг в Google. Это требует от вас вложения времени, чтобы узнать о стратегии SEO и о том, как ее реализовать.
2. Twitter
Как вы уже знаете, в Twitter есть большое количество разработчиков, которые могут быть заинтересованы в вашем проекте. Если у вас большое количество подписчиков, у вас не должно возникнуть проблем с тем, чтобы вас заметили, когда вы начнете продвигать свой проект.
Но если у вас не так много подписчиков, как у меня, вам нужно убедиться, что у вас есть хорошие шансы быть замеченным. Вы должны добавить несколько хэштегов к своему твиту, это поможет вам увеличить охват. Например, вы можете добавить несколько хэштегов, таких как #react, #reactjs, #javaScript, #webdev, #nextjs и т.д., например, хэштег технологического стека, который вы используете для создания своего проекта с открытым исходным кодом.
Вот один из примеров моего твита, где я получил 40 лайков и 21 ретвит (имея всего 100 подписчиков):
3. Reddit
На Reddit также есть большое сообщество программистов, которые могут поддержать вас, дав звезду вашему проекту. Здесь есть сообщества почти для каждого технологического стека. Например, для React есть сабреддит /r/reactjs. Также есть сабреддит для Node.js, JavaScript, TypeScript, AWS и т.д. Вам не составит труда найти сообщество, в котором имеет смысл продвигать свой проект.
К вашему сведению, каждый сабреддит имеет свои правила и рекомендации. Некоторые сабреддиты более строгие, чем другие. Я советую вам потратить немного времени, чтобы прочитать их и убедиться, что вы им следуете.
За один из моих постов на Reddit я получил XXX upvotes, что означает много звезд на GitHub (я не помню точное число):
4. Потрясающие списки
Подобный список можно найти прямо на GitHub с помощью Awesome Lists. Там есть почти по одному Awesome list для каждого технологического стека и каждой области программной инженерии. Найти список, подходящий для вашего проекта, не составит труда. Для Next.js Boilerplate я разместил в этих списках:
- Awesome Tailwind CSS
- Awesome AWS Amplify
- Awesome JAMStack
5. Сайты-агрегаторы публикаций
Существует несколько сайтов, на которых перечислены проекты, использующие определенный стек технологий. Например, BestOfJs — это сайт, который объединяет проекты с открытым исходным кодом, построенные на JavaScript. Вы можете найти аналогичный сайт для React, Vue, Tailwind CSS и других.
6. Indie Hacker
Не все на Indie Hacker являются разработчиками. Поэтому не все будут заинтересованы в вашем проекте с открытым исходным кодом. Но одна из самых больших групп на Indie Hacker — это разработчики. Люди на Indie Hacker создают стартап или бутстрап-компанию. Поэтому, если ваш проект может помочь им в их бизнесе, вам стоит продвигать его на Indie Hacker.
Шаблон My React Boilerplate помогает разработчикам начать новый проект. Так, инди-разработчики могут использовать его для запуска своего нового продукта, будь то целевая страница, SaaS, блог и т. д. Вот почему я сделал несколько рекламных акций на Indie Hacker.
7. Напишите пост в блог
Вы можете написать пост о своем проекте в своем блоге, если он у вас есть. Таким образом, вы можете поделиться своим видением и идеей. Это идеальное решение для продвижения вашего проекта. Также вы можете написать учебник по использованию вашего проекта.
В качестве альтернативы вы также можете опубликоваться на Dev.to, Hashnode, Medium или любой другой платформе. Или же вы можете переиздать на этих платформах пост из своего личного блога.
8. Discord
Сегодня большинство проектов с открытым исходным кодом имеют канал discord, где они могут обсуждать с другими разработчиками. Это отличный способ получить помощь от других разработчиков, и вы можете общаться с теми, кто использует ту же технологию. Например, существует канал discord для разработчиков React под названием Reactiflux. Если ваш проект использует React, имеет смысл присоединиться к серверу и продвигать свой проект.
9. Рассылка
Вы можете найти множество информационных бюллетеней для разработчиков. Например, вы можете найти рассылку для разработчиков JavaScript под названием JavaScript Weekly. Вы можете попробовать связаться с ними, чтобы узнать, заинтересованы ли они в том, чтобы опубликовать ваш проект в своей рассылке. Как и на Reddit, вы определенно сможете найти рассылку, в которой ваш проект может быть представлен. Практически для каждого технологического стека и каждой области программной инженерии существует своя рассылка.
10. Тренды GitHub
Ваш проект может быть представлен на GitHub Trends, если он получил большое количество звезд за короткий период времени. После появления в GitHub Trends мой React Boilerplate получил более 150 звезд за один день. Таким образом, это очень эффективный способ получить звезды на свой проект.
11. Github Explore
GitHub Explore — это отличный способ найти проекты с открытым исходным кодом. Он автоматически предлагает пользователям проекты с открытым исходным кодом, размещенные на GitHub, на основе их интересов. Поэтому важно заполнить информацию о проекте, добавив описание и теги.
Ваш проект появится в правой части приборной панели:
Он также будет отображаться на странице изучения:
Я сам люблю эту функцию и использую ее для поиска проектов, которые я могу использовать.
Заключение
Это 11 мест, где я разместил информацию о своем шаблоне Next.js Boilerplate. Проект на GitHub сейчас имеет 2000+ звезд на GitHub. Это был долгий путь, мне потребовалось почти 2 года, чтобы достичь этого числа. Надеюсь, эта статья поможет вам и сократит ваш путь к получению звезд на вашем проекте.
Проработав над этим шаблоном почти два года, я заметил, что можно пойти дальше, создав шаблон для SaaS. Это точно такая же идея, но применимая к SaaS-продукту. Итак, я создал React SaaS Boilerplate — шаблон, в котором вы можете получить все необходимое для создания SaaS и получения своего первого MRR.
Он позаботится обо всех функциях, необходимых для создания SaaS-продуктов: аутентификация, оплата, поддержка команды, приборная панель, целевая страница и т. д. Таким образом, вы сосредоточитесь на том, что делает ваш проект уникальным, и быстро запустите свой SaaS.
