<?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: Nahian Bin Rahman</title>
    <description>The latest articles on DEV Community by Nahian Bin Rahman (@nahianbinrahman).</description>
    <link>https://dev.to/nahianbinrahman</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%2F1252115%2F8613cea0-c559-473c-b3f8-dfda47f55cd9.png</url>
      <title>DEV Community: Nahian Bin Rahman</title>
      <link>https://dev.to/nahianbinrahman</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nahianbinrahman"/>
    <language>en</language>
    <item>
      <title>Master the Art of Consistent Characters in VEO 3 for Long-Form Videos</title>
      <dc:creator>Nahian Bin Rahman</dc:creator>
      <pubDate>Mon, 06 Oct 2025 18:01:07 +0000</pubDate>
      <link>https://dev.to/nahianbinrahman/master-the-art-of-consistent-characters-in-veo-3-for-long-form-videos-4613</link>
      <guid>https://dev.to/nahianbinrahman/master-the-art-of-consistent-characters-in-veo-3-for-long-form-videos-4613</guid>
      <description>&lt;p&gt;Creating an AI-generated video is one thing, but producing a long-form narrative with a single, consistent character is a whole new challenge. You’ve probably tried to make a character appear in different scenes only to have the AI completely change their face, outfit, or even their entire appearance from one shot to the next.&lt;/p&gt;

&lt;p&gt;I’ve been experimenting extensively with VEO 3 and have uncovered a simple, yet powerful, technique that solves this problem. It allows you to create engaging, multi-scene stories with the same character, opening up a world of new creative possibilities. The secret lies in a clever combination of detailed prompting, an old-school video trick, and VEO 3’s powerful features.&lt;/p&gt;

&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%2Fvm1qvz82wpcz1ry7lw4a.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%2Fvm1qvz82wpcz1ry7lw4a.png" alt=" " width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Step 1: The Character-Defining Prompt&lt;br&gt;
The entire process hinges on creating a bulletproof character description that VEO 3 can consistently reference. Don’t just say “a man in a suit.” You need to be far more specific.&lt;/p&gt;

&lt;p&gt;I’ve found it helps to use an AI text generator to create a detailed description. Start by giving it the basic scene idea, then ask it to describe all the characters in the scene with granular details like skin color, hair type, age, gender, and full outfit, including colors and accessories.&lt;/p&gt;

&lt;p&gt;Once you have this comprehensive description, ask the text generator to split the prompt into two parts: one for the character description and a separate one for the action. This separation is key to our process.&lt;/p&gt;

&lt;p&gt;Press enter or click to view image in full size&lt;/p&gt;

&lt;p&gt;Step 2: The Green Screen Blueprint&lt;br&gt;
VEO 3 has limitations on uploading images of people, which prevents us from simply uploading a headshot. The solution is to generate our character on a plain green or white background. This makes it incredibly easy for the AI to remove the background later, no matter the scene.&lt;/p&gt;

&lt;p&gt;Using your detailed character description from Step 1, generate a new set of images. The key is to add a phrase like “on a plain solid green background” or “on a plain white background” to your prompt. I recommend generating both a full-body shot and a mid-shot to give yourself more options for different scenes.&lt;/p&gt;

&lt;p&gt;These green screen images will serve as the base for every single shot of your character, guaranteeing consistency.&lt;/p&gt;

&lt;p&gt;Step 3: Bringing the Scenes to Life&lt;br&gt;
With your character images ready, you can now start generating your video clips.&lt;/p&gt;

&lt;p&gt;In VEO 3, select the Frames to Video option.&lt;br&gt;
Upload one of your green screen images as the first frame.&lt;br&gt;
Next, use the action prompt you created earlier. The magic phrase is to add an instruction at the beginning of the prompt: “Instruct VEO 3 to change the background in the uploaded image.” Then, describe the new scene you want, such as “a busy downtown street” or “a tranquil forest.”&lt;br&gt;
VEO 3 will take your green screen character and place them seamlessly into the new, described environment. You can repeat this process as many times as you need, changing the background and action for each new scene, but always using your original green screen character image.&lt;/p&gt;

&lt;p&gt;Step 4: The Final Edit&lt;br&gt;
Once you have all your individual clips, it’s time to assemble them into a cohesive narrative.&lt;/p&gt;

&lt;p&gt;Download all the video clips and import them into your favorite video editing software.&lt;br&gt;
The first frame of each clip will still show the green screen character before the background transition. Simply trim the beginning of each clip to remove this initial frame.&lt;br&gt;
Arrange the clips in your desired order, and add transitions or music to make your long-form video flow smoothly.&lt;br&gt;
By following this method, you can produce stunning, consistent long-form videos that maintain character identity across any number of scenes. It’s an essential technique for anyone serious about using AI for narrative storytelling.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>gemini</category>
    </item>
    <item>
      <title>Master the Art of Consistent Characters in VEO 3 for Long-Form Videos</title>
      <dc:creator>Nahian Bin Rahman</dc:creator>
      <pubDate>Tue, 30 Sep 2025 23:06:06 +0000</pubDate>
      <link>https://dev.to/nahianbinrahman/master-the-art-of-consistent-characters-in-veo-3-for-long-form-videos-2d9p</link>
      <guid>https://dev.to/nahianbinrahman/master-the-art-of-consistent-characters-in-veo-3-for-long-form-videos-2d9p</guid>
      <description>&lt;p&gt;Creating an AI-generated video is one thing, but producing a long-form narrative with a single, consistent character is a whole new challenge. You’ve probably tried to make a character appear in different scenes only to have the AI completely change their face, outfit, or even their entire appearance from one shot to the next.&lt;/p&gt;

&lt;p&gt;I’ve been experimenting extensively with VEO 3 and have uncovered a simple, yet powerful, technique that solves this problem. It allows you to create engaging, multi-scene stories with the same character, opening up a world of new creative possibilities. The secret lies in a clever combination of detailed prompting, an old-school video trick, and VEO 3’s powerful features.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; &lt;strong&gt;The Character-Defining Prompt&lt;/strong&gt;&lt;br&gt;
The entire process hinges on creating a bulletproof character description that VEO 3 can consistently reference. Don't just say "a man in a suit." You need to be far more specific.&lt;/p&gt;

&lt;p&gt;I've found it helps to use an AI text generator to create a detailed description. Start by giving it the basic scene idea, then ask it to describe all the characters in the scene with granular details like skin color, hair type, age, gender, and full outfit, including colors and accessories.&lt;/p&gt;

&lt;p&gt;Once you have this comprehensive description, ask the text generator to split the prompt into two parts: one for the character description and a separate one for the action. This separation is key to our process.&lt;/p&gt;

&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%2Fjqgffv2w52ouz1j2e0cy.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%2Fjqgffv2w52ouz1j2e0cy.png" alt=" " width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; &lt;strong&gt;The Green Screen Blueprint&lt;/strong&gt;&lt;br&gt;
VEO 3 has limitations on uploading images of people, which prevents us from simply uploading a headshot. The solution is to generate our character on a plain green or white background. This makes it incredibly easy for the AI to remove the background later, no matter the scene.&lt;/p&gt;

&lt;p&gt;Using your detailed character description from Step 1, generate a new set of images. The key is to add a phrase like "on a plain solid green background" or "on a plain white background" to your prompt. I recommend generating both a full-body shot and a mid-shot to give yourself more options for different scenes.&lt;/p&gt;

&lt;p&gt;These green screen images will serve as the base for every single shot of your character, guaranteeing consistency.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; &lt;strong&gt;Bringing the Scenes to Life&lt;/strong&gt;&lt;br&gt;
With your character images ready, you can now start generating your video clips.&lt;/p&gt;

&lt;p&gt;In VEO 3, select the Frames to Video option.&lt;/p&gt;

&lt;p&gt;Upload one of your green screen images as the first frame.&lt;/p&gt;

&lt;p&gt;Next, use the action prompt you created earlier. The magic phrase is to add an instruction at the beginning of the prompt: "Instruct VEO 3 to change the background in the uploaded image." Then, describe the new scene you want, such as "a busy downtown street" or "a tranquil forest."&lt;/p&gt;

&lt;p&gt;VEO 3 will take your green screen character and place them seamlessly into the new, described environment. You can repeat this process as many times as you need, changing the background and action for each new scene, but always using your original green screen character image.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 4:&lt;/strong&gt; &lt;strong&gt;The Final Edit&lt;/strong&gt;&lt;br&gt;
Once you have all your individual clips, it's time to assemble them into a cohesive narrative.&lt;/p&gt;

&lt;p&gt;Download all the video clips and import them into your favorite video editing software.&lt;/p&gt;

&lt;p&gt;The first frame of each clip will still show the green screen character before the background transition. Simply trim the beginning of each clip to remove this initial frame.&lt;/p&gt;

&lt;p&gt;Arrange the clips in your desired order, and add transitions or music to make your long-form video flow smoothly.&lt;/p&gt;

&lt;p&gt;By following this method, you can produce stunning, consistent long-form videos that maintain character identity across any number of scenes. It's an essential technique for anyone serious about using AI for narrative storytelling.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Deploying a Django Website for free in 2024: A Step-by-Step Guide to Free Hosting</title>
      <dc:creator>Nahian Bin Rahman</dc:creator>
      <pubDate>Tue, 09 Jan 2024 06:30:30 +0000</pubDate>
      <link>https://dev.to/nahianbinrahman/deploying-a-django-website-for-free-in-2024-a-step-by-step-guide-to-free-hosting-jec</link>
      <guid>https://dev.to/nahianbinrahman/deploying-a-django-website-for-free-in-2024-a-step-by-step-guide-to-free-hosting-jec</guid>
      <description>&lt;p&gt;Have you successfully developed your Django website and are eager to showcase it online? No worries, this guide will comprehensively explain how to deploy your Django website for free in 2023. While there are various platforms available for hosting Django projects, this tutorial will focus on my preferred choice—&lt;strong&gt;&lt;em&gt;Railway&lt;/em&gt;&lt;/strong&gt;. &lt;/p&gt;

&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%2Fh41f9dradgor4v833xvm.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%2Fh41f9dradgor4v833xvm.png" alt=" " width="668" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Introduction:&lt;/strong&gt;&lt;br&gt;
Mastering the skill of deploying websites is crucial for your web development journey. Deploying a Django website is a pivotal step as it makes the website accessible to users. Without deployment, the website remains confined to the developer's local machine, serving no purpose to others.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is Railway?&lt;/strong&gt;&lt;br&gt;
Railway stands out as a cloud-based platform facilitating the setup of infrastructure, local development, and seamless deployment of your app to the cloud. It simplifies the hosting process by allowing direct project imports from GitHub. Additionally, Railway offers fast hosting services and provides 500 hours of free deployment each month in its Starter Plan, ideal for hosting personal Django projects.&lt;/p&gt;

&lt;p&gt;Railway Features:&lt;br&gt;
Railway boasts various features, including Automagic Builds, Multiple Environments, Deployment Rollbacks, and more.&lt;/p&gt;

&lt;p&gt;Automatic Builds: Railway automatically detects code changes on GitHub and initiates project builds for deployment.&lt;br&gt;
Multiple Environments: Users can effortlessly evolve their app over time using fork-joinable environments.&lt;br&gt;
Deployment Rollbacks: In case of bugs or undesirable changes, Railway supports one-click, instant rollbacks for every modification.&lt;br&gt;
How to Deploy Django Website for Free in 2023:&lt;br&gt;
To host your Django website for free on Railway, follow the steps outlined below:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Install the Python library named Gunicorn with the command: &lt;code&gt;pip install gunicorn&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Create a file named Procfile (without any extension) in the project's root directory and add the following code:
&lt;code&gt;web: gunicorn project.wsgi&lt;/code&gt;. Note: Replace project.wsgi with your actual project name.&lt;/li&gt;
&lt;li&gt;Create a requirements.txt file containing all required modules with the command: &lt;code&gt;pip freeze &amp;gt; requirements.txt.&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Once the module is installed add the following middleware in the settings.py file just below the &lt;em&gt;django.middleware.security.SecurityMiddleware&lt;/em&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;`MIDDLEWARE = [
    # ...
    "django.middleware.security.SecurityMiddleware",
    "whitenoise.middleware.WhiteNoiseMiddleware",
    # ...
]`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Now add the following code in the settings.py file.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;`STATICFILES_STORAGE = 'whitenoise.storage.CompressedStaticFilesStorage'`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This step will tell the django to serve the staticfiles in the production. Add the following code to the settings.py file.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;`STATIC_URL = 'static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static")
]

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;5.Run the command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;`py manage.py collectstatic`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;to collect static files.&lt;br&gt;
6.Commit and push all changes to GitHub.&lt;br&gt;
7.Visit the Railway website, start a new project, deploy from the GitHub repo, and authorize necessary permissions.&lt;br&gt;
8.Select your project, click "Deploy Now," and within seconds, your Django project will be hosted on Railway for free.&lt;br&gt;
9.Customize the website URL under the domain options in the settings section.&lt;/p&gt;

&lt;p&gt;Railway offers the quickest way to showcase your Django project online. This guide aimed to provide detailed steps for deploying your Django website for free.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Embracing the Future of Web Development: Htmx — The React Alternative for Full Stack Developers</title>
      <dc:creator>Nahian Bin Rahman</dc:creator>
      <pubDate>Tue, 09 Jan 2024 05:19:27 +0000</pubDate>
      <link>https://dev.to/nahianbinrahman/embracing-the-future-of-web-development-htmx-the-react-alternative-for-full-stack-developers-3aco</link>
      <guid>https://dev.to/nahianbinrahman/embracing-the-future-of-web-development-htmx-the-react-alternative-for-full-stack-developers-3aco</guid>
      <description>&lt;p&gt;In the ever-evolving landscape of full-stack development, htmx is emerging as a transformative force — a viable alternative to the reigning champion, React. This article explores the exciting future of htmx in the realm of full-stack development, particularly when combined with the power of Django and the elegance of Tailwind CSS.&lt;/p&gt;

&lt;p&gt;What is htmx?&lt;br&gt;
Htmx is a game-changer. It builds on the foundations of standard HTML, CSS, and JavaScript while offering a declarative and component-based programming model. This simplifies development, making it more accessible to developers of all levels.&lt;/p&gt;

&lt;p&gt;The Full Stack Advantage&lt;br&gt;
Full-stack development encompasses both the front-end and back-end of web applications. When we consider htmx’s strengths alongside Django’s robust back-end capabilities and Tailwind CSS’s sleek design potential, we have a stack that’s hard to beat.&lt;/p&gt;

&lt;p&gt;Key Benefits of htmx in Full Stack Development&lt;br&gt;
Reduced Complexity: Say goodbye to complex JavaScript frameworks. Htmx leverages HTML, making the front-end more straightforward.&lt;br&gt;
Performance: With fewer JavaScript files to load, applications become faster and more responsive, enhancing the user experience.&lt;br&gt;
SEO-Friendly: Htmx ensures your content is readily available to search engines, improving discoverability.&lt;br&gt;
Collaboration: Htmx aligns HTML templates with Django views, simplifying communication and code sharing among teams.&lt;br&gt;
Preparing for the Future&lt;br&gt;
To harness the potential of htmx in full-stack development, start by exploring tutorials and real-world examples. The TestDriven.io guide offers hands-on experience with Django, htmx, and Tailwind CSS.&lt;/p&gt;

&lt;p&gt;Htmx promotes code simplicity by enabling developers to add dynamic behavior to HTML without the complexity of traditional JavaScript frameworks. Here’s a basic example of how htmx simplifies code:&lt;/p&gt;

&lt;p&gt;Let’s say you have a button that, when clicked, should fetch and display additional content from the server. With traditional JavaScript, this might require multiple lines of code to handle AJAX requests and DOM manipulation. However, with htmx, you can achieve the same functionality with minimal effort:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;button hx-get="/api/data" hx-swap="outerHTML"&amp;gt;Load Data&amp;lt;/button&amp;gt; &lt;br&gt;
&amp;lt;div id="result"&amp;gt;&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;In this example:&lt;br&gt;
hx-get=”/api/data” specifies the URL to fetch data from when the button is clicked.&lt;br&gt;
hx-swap=”outerHTML” tells htmx to replace the content of the element with the ID “result” with the fetched data.&lt;br&gt;
That’s it! Htmx handles the AJAX request and DOM update for you, reducing the amount of JavaScript code you need to write. This simplicity makes your code more readable and maintainable.&lt;/p&gt;

&lt;p&gt;Htmx’s ability to enhance HTML with interactive features directly in the markup streamlines development, making it an excellent choice for building modern web applications while keeping your codebase clean and straightforward.&lt;/p&gt;

&lt;p&gt;For more advanced examples and use cases, you can refer to the official htmx documentation and the resources provided in the sources above.&lt;/p&gt;

&lt;p&gt;In conclusion, as full-stack developers embrace htmx, they unlock a world of possibilities. It simplifies development, boosts performance, and aligns perfectly with the productivity of Django and the elegance of Tailwind CSS. The future of full-stack development is here, and it’s htmx. Let’s embark on this exciting journey together.&lt;/p&gt;

&lt;p&gt;The possibilities are limitless, and the future is bright.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
