The latest articles on DEV Community by Sergio Barrera (@sergb_appdev). https://dev.to/sergb_appdev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F523497%2F55c25e53-ccfd-4472-8a96-787493268998.png https://dev.to/sergb_appdev en Sergio Barrera Wed, 25 Feb 2026 15:25:59 +0000 https://dev.to/sergb_appdev/cool-looking-forward-to-build-x-weekend-264g https://dev.to/sergb_appdev/cool-looking-forward-to-build-x-weekend-264g <div class="ltag__link"> <a href="/devteam" class="ltag__link__link"> <div class="ltag__link__org__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F1%2Fd908a186-5651-4a5a-9f76-15200bc6801f.jpg" alt="The DEV Team" width="800" height="800"> <div class="ltag__link__user__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F264%2Fb75f6edf-df7b-406e-a56b-43facafb352c.jpg" alt="" width="400" height="400"> </div> </div> </a> <a href="https://dev.to/devteam/first-dev-weekend-challenge-launches-on-feb-26-mar-2-mark-your-calendar-5dc3" class="ltag__link__link"> <div class="ltag__link__content"> <h2>First DEV Weekend Challenge Launches on Feb 26 - Mar 2. Mark Your Calendar!</h2> <h3>Jess Lee for The DEV Team ・ Feb 23</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#weekendchallenge</span> <span class="ltag__link__tag">#devchallenge</span> <span class="ltag__link__tag">#hackathon</span> <span class="ltag__link__tag">#programming</span> </div> </div> </a> </div> weekendchallenge devchallenge hackathon programming Sergio Barrera Mon, 23 Dec 2024 02:56:55 +0000 https://dev.to/sergb_appdev/project-santas-workshop-with-devcycles-feature-flags-471o https://dev.to/sergb_appdev/project-santas-workshop-with-devcycles-feature-flags-471o <p><em>This is a submission for the <a href="https://dev.to/challenges/devcycle">DevCycle Feature Flag Challenge</a>: Feature Flag Funhouse</em></p> <h2> What I Built </h2> <p>I've created a Christmas-themed Next.js v15 app using the App Router, showcasing a creative way to use feature flags with DevCycle SDK. Integrations with Clerk for authentication, Neon DB for database ops, and style it with Tailwind CSS and shadcn/ui components. The app will be a "Santa's Workshop" where elves can toggle different Christmas preparations based on feature flags.</p> <h2> Getting Started </h2> <p>This setup creates a Christmas-themed "Santa's Workshop" application that uses feature flags to control various Christmas preparations. Here's a breakdown of the key features:</p> <ol> <li>Authentication is handled by Clerk.</li> <li>The main workshop interface uses DevCycle for feature flags. The <code>isChristmasEve</code> flag, when true, disables all controls, simulating the rush of Christmas Eve.</li> <li>The workshop activities (toy making, gift wrapping, sleigh maintenance) are stored in a Neon DB and can be toggled on/off by the elves.</li> <li>The UI is styled with Tailwind CSS and shadcn/ui components, with a Christmas color scheme (green and red gradient background).</li> <li>A festive snowfall effect is added to enhance the Christmas theme.</li> </ol> <h2> Demo </h2> <p><a href="https://christmas-workshop.vercel.app/" rel="noopener noreferrer">https://christmas-workshop.vercel.app/</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp8w94g2kuvtiajwr3uk3.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp8w94g2kuvtiajwr3uk3.jpg" alt=" " width="800" height="827"></a></p> <h2> My Code </h2> <p><a href="https://github.com/user/christmas-workshop" rel="noopener noreferrer">Serg's christmas-workshop</a></p> <h2> My DevCycle Experience </h2> <p>Regarding DevCycle's experience, I was surprised and happy to see such onboarding as soon as you begin your signup. Not only provides easy guidance but also encourages to learn on the fly the creation of flags, variables and getting immerse in their dashboard right away!<br> That's an excellent approach since many nextjs library providers have some sort of hidden documentation that might take several google research to find out what works with what. Even though I'm still learning the basic configuration, I feel confident to recommend DevCycles API to any Developer looking to get started with feature flags in a few min.</p> <p>Thanks for letting me participate! I had lots of fun learning about feature flags and creating the project. Bye!</p> <h3> Additional Prize Categories </h3> devchallenge devcyclechallenge webdev devops