1
0 Comments

How to ship small features rapidly to production πŸš€ and what is feature flags

Hey folks πŸ‘‹

I'm the creator of Taskord, I deploy Taskord more than 100 times daily.

In this article, I'm gonna explain how to ship rapidly to production without any error and let us see what the heck is Staff Ship and feature flags!

🌱 Planning

Let us consider we are building a brand new Explore page and /explore is going to be the URL. Plan about

  • How is the UI going to look
  • Do we have all UI components available
  • Data model and what are the tables we need to create for a database
  • Any blocking Issues

Don't think a lot and waste the time, we can add/improve it in the next Iteration.

🌡 First Pull/Merge Request

After the proper planning just go ahead and create the first page just saying Hello, World! and point it to /explore in your routes file.

After that commit and push to GitHub/GitLab and create your first pull request.

Screenshot 2021-01-09 173436

This step is optional if you are a solo developer, you can push all the way straight to main/master branch (but it is not suggested).

πŸ‘¨β€πŸ’» Development

After creating the pull request start concentrating on developing the app. If you have any dependency on the backend team don't wait for them until they complete.

Instead, just mock the JSON Response and start developing the work, make sure to give the JSON Spec to the backend team to develop the API in such a way you want. If not we need to rework again based on their API response.

Communication and time are crucial.

πŸ§ͺ Testing

After completing the development wait for the CI to become green for that pull request.

Screenshot 2021-01-09 175331

Once all the tests have been passed merge the branch to main/production.

Deploy the feature to your staging instance, so you can deploy to production servers without fear. Test everything well, create a small checklist and check everything is done and working fine in staging instance before moving to production.

What is feature flags/toggle?

Feature flags are simply a toggle button that has the ability to turn features of your application on/off easily based on condition.

πŸ›‘ Staff Release

Screenshot 2021-01-09 182645

After testing well, deploy main branch to production servers where the new feature exists.

Post in your internal slack that "Hey, we just shipped the explore page to our production servers 🐿, make sure to tun on staff ship. Feedbacks welcomed 😊"

Then sit back and relax for some time till the feedback arrives. If it has any bugs fix it ASAP.

By the way what is staff ship πŸ€”

Staff ship is a feature flag that is available only for site admins possibly mods, where the admin can turn on the flag and check whether the feature is working or not.

When staff ship is enabled admins can see this special admin/performance bar above the navbar which is heavily inspired by GitHub.com

Taskord's admin bar

Screenshot 2021-01-09 181035

GitHub's admin bar (GH Enterprise)

3

πŸ‘₯ Beta Release

Screenshot 2021-01-09 182727

Release the /explore page for selected users, usually, you can do by shipping to

  • Users based on age
  • 50% of platform users
  • Users with beta flag enabled, etc.

πŸ’¬ Feedback

Feedbacks are critical, you will get a lot if the userbase is huge, make sure to evaluate quickly and fix the bugs in upcoming Iterations.

Automatic Error Tracking

Error Tracking is also a part of feedback, this needs to be done automatically. We use Sentry to track errors and patch the fix quickly.

This is how Sentry looks like

Screenshot 2021-01-09 182053

🌎 General Availability

Screenshot 2021-01-09 182805

If all settled and good to go, just go ahead and remove all the feature flags for /explore page. Make sure to keep an eye on Sentry for a few days.

⚠ Be careful

  • Prepare to revert the PR anytime if there is an issue in production ↩
  • Commit every change πŸ˜…

Hope this article helped you 😊

Happy Shipping πŸš€

Trending on Indie Hackers
After 10M+ Views, 13k+ Upvotes: The Reddit Strategy That Worked for Me! 42 comments Getting first 908 Paid Signups by Spending $353 ONLY. 24 comments πŸ”₯Roast my one-man design agency website 21 comments I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments Hero Section Copywriting Framework that Converts 3x 12 comments