r/frontenddevelopment

I built a Frontend-focused NEXT.JS starter with custom UI components, auth layout, dashboard layout, i18n, RBAC, a polished DX and more.
▲ 7 r/frontenddevelopment+4 crossposts

I built a Frontend-focused NEXT.JS starter with custom UI components, auth layout, dashboard layout, i18n, RBAC, a polished DX and more.

After a long time of development, I can finally share this open-source repo with you guys.

It can be especially helpful for frontend developers working with Next.js, React, and TypeScript.

It’s an open-source, frontend-first Next.js boilerplate built for an API-driven workflow. It’s designed to consume external backends, whether REST, GraphQL, or BFF, while giving you a polished, production-ready starting point out of the box.

I’ve been using this boilerplate for my own frontend projects, and it includes pre-built authentication layouts, role-based dashboard layouts, and 40+ custom, reusable UI components.

More details: https://github.com/salmanshahriar/Next-Elite

Live Url: https://next-elite-boilerplate.vercel.app

Give a Star on GitHub if you like it ⭐️

github.com
u/ThreadWavet — 1 day ago
▲ 5 r/frontenddevelopment+1 crossposts

🌌 I built a NASA Deep Space Image Explorer with React (Selection Area Zoom, On-demand Translation & LocalStorage) - Live Demo

Hi everyone,

I wanted to share a web app I've been working on: NASA Deep Space Explorer & Inspector, a single-page application to search, inspect, and save deep-space images using the official NASA Image and Video Library API.

🛠️ Technical Details & Features:

  • 🔲 Custom CSS Zoom Inspector: To inspect deep space details without CORS issues caused by external CDNs (which happens when drawing on HTML Canvas), I built a custom bounding-box selection system in React using dynamic transform: scale() and transform-origin percentages.
  • 🔍 Debounced Search: Optimized HTTP requests with Axios using a 500ms debounce timer to prevent API spam while typing.
  • 💖 LocalStorage Persistence: Native browser storage implementation allowing users to save their favorite astronomical finds without needing a backend/database.
  • 🌐 On-Demand Translation: Integrated MyMemory API to translate English descriptions into Spanish on click.
  • Patreon: https://www.patreon.com/MISJUEGOS1111/posts/lanzamiento-de-y-166955775?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link

🚀 Live Demo: https://quequeres.github.io/Explorador-de-Galaxias/

🧡 Patreon Post: https://www.patreon.com/posts/166955775

📁 GitHub Repository: https://github.com/Quequeres/Explorador-de-Galaxias

Would love to get your thoughts, UX feedback, or technical suggestions!

reddit.com
u/ThreeJS_juegos — 2 days ago
▲ 15 r/frontenddevelopment+1 crossposts

How is BCIT’s 6-month Front-End Web Developer (FWD) program for a complete beginner? Is it worth it for getting a job?

Hi everyone,

I’m considering applying to BCIT’s Front-End Web Developer (FWD) program. It’s a relatively short program (around 6 months), and I’m wondering if anyone here has taken it or knows someone who has.

I have basically zero programming / coding background, so I’m a little concerned about whether the program is realistic for a complete beginner.

I’d really appreciate some honest opinions on:

  • Is FWD actually suitable for someone with no coding background?
  • How difficult/intensive is the 6-month program?
  • How much time do you realistically need to spend studying outside of class?
  • What is the job market like after graduation, especially in Vancouver / BC?
  • Is it realistic to get a junior front-end/web developer job after completing the program?
  • How long did it take you to find your first job after graduating?
  • What kind of starting salary can a new graduate realistically expect?
  • Would you recommend FWD in 2026/2027, especially with AI changing the web development industry?

I’m mainly interested in hearing from current students or recent graduates, especially people who started with little or no coding experience.

Thanks in advance!

bcit.ca
u/Senior-Bid9567 — 6 days ago
▲ 14 r/frontenddevelopment+11 crossposts

[Free Workshop + Template] Handling tech layoffs, quiet job searches, and resume ghosting

Hey everyone,

Full disclosure right up front: I work with the team at Interview Kickstart.

Given how brutal the tech job market has been lately, especially with quiet application pipelines and candidate ghosting, we put together a free live session called the Bounceback Toolkit to help folks navigate the current climate.

It’s built specifically for tech professionals (engineers, PMs, DevOps, data pros) trying to restart their search or break through stalled applications.
The session also includes a live Q&A with a Talent Acquisition Manager (ex-Meta) and a Senior Quality Engineer (ex-Amazon).

📍 Free registration link: https://interviewkickstart.com/events/bounceback-toolkit?utm_source=social&utm_medium=reddit&utm_campaign=L10x_social_reddit_bouncebacktoolkit

u/Super-Weight504 — 7 days ago
▲ 1 r/frontenddevelopment+1 crossposts

generate a complete design system in 10 sec

if you are building and irritated with the same UI from Ai tools, try hextodesign.com, it will generate a complete design system in 30 sec, that will have css, tailwind, json and prompt, try it and share your feedback.

u/veerendra1989 — 9 days ago
▲ 4 r/frontenddevelopment+1 crossposts

Best ai model for frontend?

I have been a longtime claude and codex user , never relied on gpt models for frontend but claude seems to be nerfed. Opus 5 is like going back 2022. Can anyone suggest a model that actually analyses and reviews the flaws that makes the difference without messing up the functionality?

reddit.com
u/KaleidoscopeLow8416 — 13 days ago

How do you guys come up with good Ui designs ?

i am currently building the frontend part of my project and i wanted to make it myself ratehr than depending on AI since i was planning to put this on my resume but i cant think of good designs man , i came up with this after hours of thinking ( i know its super basic ) ,

how do you guys approach designing part when creating a website and at production level is it fine to take "inspiration" from other sites ? or do we have to think of ideas on our own.

u/Dramatic-Dog4529 — 13 days ago