<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Vu Nguyen</title>
    <description>The latest articles on DEV Community by Vu Nguyen (@vunguyenanh20).</description>
    <link>https://dev.to/vunguyenanh20</link>
    <image>
      <url>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%2F1427532%2F96f0f0d7-cfa7-4110-9683-9086b171c9c4.jpg</url>
      <title>DEV Community: Vu Nguyen</title>
      <link>https://dev.to/vunguyenanh20</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vunguyenanh20"/>
    <language>en</language>
    <item>
      <title>How I Stopped Wasting Hours Brainstorming Creative Brand Names</title>
      <dc:creator>Vu Nguyen</dc:creator>
      <pubDate>Fri, 18 Jul 2025 03:14:34 +0000</pubDate>
      <link>https://dev.to/vunguyenanh20/how-i-stopped-wasting-hours-brainstorming-creative-brand-names-2ll3</link>
      <guid>https://dev.to/vunguyenanh20/how-i-stopped-wasting-hours-brainstorming-creative-brand-names-2ll3</guid>
      <description>&lt;p&gt;&lt;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%2Fmsvsz8vey6xjo9i5qlc3.png" class="article-body-image-wrapper"&gt;&lt;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%2Fmsvsz8vey6xjo9i5qlc3.png" alt=" " width="800" height="693"&gt;&lt;/a&gt;&lt;br&gt;
Choosing a name is one of the most exciting — and frustrating — parts of starting something new. It’s especially tough when you have no ideas for a brand name that needs to be unique, creative, and personal.&lt;/p&gt;

&lt;p&gt;Whether you’re launching a product, founding a startup, or brainstorming your next side project, the process usually goes something like this:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Come up with a great name 🧠&lt;/li&gt;
&lt;li&gt;Check the domain — it’s taken.&lt;/li&gt;
&lt;li&gt;Try at least 10 times — all taken.&lt;/li&gt;
&lt;li&gt;Settle for something you’re not proud of 😩&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;The problem Spark Namer was born to solve. 😎&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💡 The Problem: Finding a Great, Available Name is Hard
&lt;/h2&gt;

&lt;p&gt;I’ve been through that painful loop many times.&lt;br&gt;
Spending hours trying to come up with names that are not only catchy and brandable, but also available as domains — it’s exhausting.&lt;/p&gt;

&lt;p&gt;There are tons of name generators out there. But they usually fall into one of two categories:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Generic and repetitive: random combinations like “Quicklyzy” or “Namoid”&lt;/li&gt;
&lt;li&gt;No domain check: gives you great names, only for you to find out .com is taken&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So we decided to build a tool that solves this problem directly.&lt;/p&gt;

&lt;h2&gt;
  
  
  ✨ Enter Spark Namer
&lt;/h2&gt;

&lt;p&gt;Spark Namer is an AI-powered naming tool that does two things very well:&lt;/p&gt;

&lt;p&gt;Generates unique, creative names based on your idea or keywords&lt;br&gt;
Only shows names that have available domain extensions you choose (.com, .io, .xyz, etc.)&lt;br&gt;
No more guessing. No more disappointment.&lt;/p&gt;

&lt;p&gt;Just fast, smart, domain-ready names that spark real inspiration.&lt;/p&gt;

&lt;h2&gt;
  
  
  ⚙️ How It Works
&lt;/h2&gt;

&lt;p&gt;Using Spark Namer is dead simple:&lt;/p&gt;

&lt;p&gt;Enter a short prompt like “AI productivity tool” or “plant-based skincare”&lt;br&gt;
Select the domain extensions you care about (.com, .co, .dev, etc.)&lt;br&gt;
Choose how many names you want to generate&lt;br&gt;
Click Generate App Names&lt;br&gt;
Get brand-worthy, available names instantly 🔥&lt;br&gt;
And yes — the tool actually checks domain availability in real-time behind the scenes.&lt;/p&gt;

&lt;p&gt;You can also click to copy, save favorites, or filter results.&lt;/p&gt;

&lt;h2&gt;
  
  
  🎯 Why It Works
&lt;/h2&gt;

&lt;p&gt;We trained Spark Namer’s engine to balance creativity and clarity. It doesn’t just spit out random syllables — it creates meaningful, brandable, and domain-safe names based on:&lt;/p&gt;

&lt;p&gt;Naming trends (short, clean, easy to remember)&lt;br&gt;
AI understanding of your niche&lt;br&gt;
Smart filtering logic to skip taken or trademarked domains&lt;br&gt;
You can even tweak tone (modern, playful, professional) and get more tailored suggestions as we evolve the product.&lt;/p&gt;

&lt;h2&gt;
  
  
  💬 Feedback So Far
&lt;/h2&gt;

&lt;p&gt;Since launching on Product Hunt, the response has been incredible:&lt;/p&gt;

&lt;p&gt;“Found a perfect name and domain for my app in 60 seconds!”&lt;br&gt;
“This solves a real pain for indie hackers.”&lt;br&gt;
“Naming is always the hardest part — this made it fun.”&lt;/p&gt;

&lt;h2&gt;
  
  
  🌟 Try It Now
&lt;/h2&gt;

&lt;p&gt;If you’re working on something new — whether it’s a startup, a blog, a SaaS, or a side hustle — try Spark Namer.&lt;/p&gt;

&lt;p&gt;Find a name that sparks your brand — and make sure it’s available from the start.&lt;/p&gt;

&lt;p&gt;🔗&lt;a href="https://www.sparknamer.com/" rel="noopener noreferrer"&gt;https://www.sparknamer.com/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>No Code Website Builder</title>
      <dc:creator>Vu Nguyen</dc:creator>
      <pubDate>Sat, 04 May 2024 02:55:37 +0000</pubDate>
      <link>https://dev.to/vunguyenanh20/no-code-website-builder-hp8</link>
      <guid>https://dev.to/vunguyenanh20/no-code-website-builder-hp8</guid>
      <description>&lt;h2&gt;
  
  
  What &amp;amp; why &amp;amp; how?
&lt;/h2&gt;

&lt;p&gt;No Code Website is almost a trend in the modern era.. This is the website that generated by non coder. It approach to audience who is not understand too much about technical or coding. We have a lot of tool on market support for creating it. &lt;/p&gt;

&lt;p&gt;In this article, I’m going to analyze Builder.io. It appears to be a platform that caters to both developers and marketers for building web and mobile experiences. Break it down into components to briefly see how a similar product can be built easily.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fieeqajp18q02nszxfyt6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fieeqajp18q02nszxfyt6.png" alt="Image description" width="503" height="592"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The output
&lt;/h2&gt;

&lt;p&gt;First, let's look at what can be made using &lt;a href="https://www.builder.io/"&gt;Builder.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqvv4ra2gh4ko72ilnoih.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqvv4ra2gh4ko72ilnoih.png" alt="Image description" width="800" height="235"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;(See in details at &lt;a href="https://amo.co/"&gt;amo&lt;/a&gt; &amp;amp; &lt;a href="https://rentacrate.com/"&gt;rentacrate&lt;/a&gt;)&lt;/em&gt;&lt;br&gt;
Allowing non-technical users to easily create an ecosystem of personalized pages without developers. Custom content web page with personal requirement.&lt;/p&gt;




&lt;h2&gt;
  
  
  The design concept
&lt;/h2&gt;

&lt;p&gt;Every marketer or no-code builder when using &lt;a href="https://www.builder.io/"&gt;builder.io&lt;/a&gt; always has a fundamental design concept that dictates how creations are structured, saved, and displayed. Let's dive into the core building blocks of builder.io:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Page&lt;/strong&gt;: The foundation of your Builder.io experience. A Page represents a web page or a section within a larger website. It acts as the canvas where you can drag-and-drop various elements to design your layout. When rendered on a browser, a Page translates to an HTML document with specific sections and styles.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx9jciwtgr6udkjtegila.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx9jciwtgr6udkjtegila.png" alt="Image description" width="800" height="402"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Section&lt;/strong&gt;: Provides a way to modularize your Page design. Sections allow you to group related elements and create a more organized structure. You can define unique styles and layouts for each Section, offering greater design flexibility. In the rendered HTML, Sections become nested elements within the Page's overall structure.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk8vcamaiqc2xk4qu7jy6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk8vcamaiqc2xk4qu7jy6.png" alt="Image description" width="800" height="392"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Component&lt;/strong&gt;: The building blocks that populate your Sections and Pages. Builder.io offers a vast library of pre-built components, we can some built-in components including text boxes, buttons, images, forms, videos, and more on the left setting page&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fui0ux2opb0j9uecqyfoy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fui0ux2opb0j9uecqyfoy.png" alt="Image description" width="345" height="937"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you don’t like using some built-in components above, you can easily custom them. each component comes with customizable properties that allow you to tailor its appearance and functionality to your needs. When rendered, components translate to HTML elements with specific styles and functionalities based on your configuration.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flhdzjugekdtz6kq18jhf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flhdzjugekdtz6kq18jhf.png" alt="Image description" width="800" height="358"&gt;&lt;/a&gt;&lt;br&gt;
 &lt;em&gt;I will have a blog show you how to build a custom blog on Builder.io&lt;/em&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Global Styles&lt;/strong&gt;: Builder.io empowers you to establish a consistent look and feel across your entire website.  Global Styles encompass typography choices, color palettes, and other design elements that can be applied to all Pages and Components within your Builder.io project. This ensures design consistency and reduces the need for repetitive styling.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fymxwfli4forfsei591l7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fymxwfli4forfsei591l7.png" alt="Image description" width="378" height="895"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;While editing a specific Page, you can also access Global Styles within the Style tab. Look for the "Global Styles" section on the right side of the Style tab panel.&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  The content
&lt;/h2&gt;

&lt;p&gt;Building Blocks for No-Code Creation&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Component Library:&lt;/strong&gt; Builder.io boasts a rich library of pre-built components, serving as the building blocks for your web experiences.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment &amp;amp; Hosting (Implicit):&lt;/strong&gt; Builder.io simplifies the deployment process. Builder.io often handles deployment implicitly within its plans. You can typically connect your Builder.io project to a custom domain and hosting provider, or leverage Builder.io's built-in hosting options&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dashboard:&lt;/strong&gt;  Builder.io provides a dedicated dashboard for managing your projects, users, and settings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Serializer:&lt;/strong&gt; The Serializer acts behind the scenes, transforming your drag-and-drop actions into clean, maintainable code that renders beautifully on browsers.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  👉🏻 What's next?
&lt;/h2&gt;

&lt;p&gt;I hope this article gives you an idea of how a no-code platform can be built by using &lt;a href="https://www.builder.io/"&gt;Builder.io&lt;/a&gt; 🙏&lt;/p&gt;

&lt;p&gt;If you like it, &lt;a href="https://twitter.com/vunguyenanh20"&gt;follow me on Twitter&lt;/a&gt;, where I write about open-source and coding tutorials, befriend, and discuss fun stuff together! 😉&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>opensource</category>
      <category>programming</category>
      <category>devjournal</category>
    </item>
  </channel>
</rss>
