<?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>Forem: Partho Protim</title>
    <description>The latest articles on Forem by Partho Protim (@partho5).</description>
    <link>https://forem.com/partho5</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%2F3495375%2Ff356c7ca-5dff-4eac-bcd3-0ea6bc4390d9.png</url>
      <title>Forem: Partho Protim</title>
      <link>https://forem.com/partho5</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/partho5"/>
    <language>en</language>
    <item>
      <title>I Built the Best Free Portfolio Builder</title>
      <dc:creator>Partho Protim</dc:creator>
      <pubDate>Wed, 13 May 2026 06:23:11 +0000</pubDate>
      <link>https://forem.com/partho5/i-built-the-best-free-portfolio-builder-3e97</link>
      <guid>https://forem.com/partho5/i-built-the-best-free-portfolio-builder-3e97</guid>
      <description>&lt;p&gt;I kept meeting developers who were getting passed over for jobs they were clearly qualified for. Strong GitHub profiles. Real shipped projects. Solid technical skills. And still, weeks of silence after every application.&lt;/p&gt;

&lt;p&gt;The pattern was always the same. Their GitHub was a graveyard of repos with no context. Their LinkedIn said "Full Stack Developer" and listed the same five technologies as everyone else. Non-technical recruiters could not tell their work apart from a hundred other candidates with similar profiles. So I built a &lt;strong&gt;free portfolio website builder&lt;/strong&gt; designed specifically for this problem, and this post is the long explanation of why and how.&lt;/p&gt;

&lt;p&gt;The portfolio looks like:&lt;br&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%2Fuvppteown7ys5tsq344f.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%2Fuvppteown7ys5tsq344f.png" alt="screenshot of how skillevidence portfolio looks like in public biew - cards of projects with thumbnail , optional youtube video embed, project title and short description" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you are searching for the &lt;strong&gt;best free portfolio builder&lt;/strong&gt;, an &lt;strong&gt;online portfolio builder&lt;/strong&gt; that does not lock features behind a trial, or a serious &lt;strong&gt;portfolio builder for developers&lt;/strong&gt; who want their work to actually speak for itself, this is for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  The problem with relying on GitHub
&lt;/h2&gt;

&lt;p&gt;GitHub is a great tool for engineers. It is a terrible tool for getting hired.&lt;/p&gt;

&lt;p&gt;A recruiter scrolling your GitHub sees green squares and repo names. They cannot tell if your top-pinned repo is a polished production app or a half-finished tutorial follow-along. They cannot watch your app run. They cannot read your case study. They cannot understand the decisions you made, why you chose Postgres over Mongo, why you pulled out Redux for Zustand, why you rewrote the auth flow three times.&lt;/p&gt;

&lt;p&gt;This matters because in &lt;strong&gt;skills-based hiring&lt;/strong&gt;, the candidate who is easy to verify wins. The candidate who is hard to verify gets skipped silently. There is no rejection email. The recruiter just moves on to the next profile.&lt;/p&gt;

&lt;p&gt;A working portfolio fixes this. A good one lets a recruiter understand your work in thirty seconds and a senior engineer go deep in five minutes. The same page serves both. That is the bar I wanted to hit.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why existing portfolio tools fail developers
&lt;/h2&gt;

&lt;p&gt;I looked at every option before building my own. Each one failed in a different way.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The drag-and-drop builders.&lt;/strong&gt; They assume you want to spend a Saturday choosing fonts. You do not. You want to ship a portfolio in one evening and move on.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The "developer-focused" template repos.&lt;/strong&gt; Fork the repo, edit a JSON file, redeploy when you want to add a project. The friction is so high that most people never update their portfolio after the initial push. A static, stale portfolio is worse than no portfolio.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The paid SaaS builders.&lt;/strong&gt; Free tier shows you the dashboard. The moment you want to publish, remove the watermark, or add analytics, the credit card prompt appears. That is not a &lt;strong&gt;free portfolio website builder&lt;/strong&gt;. That is a trial.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The generic site builders.&lt;/strong&gt; They treat your work as a flat grid of screenshots. A static image cannot &lt;strong&gt;show proof of skills&lt;/strong&gt; for a developer building a real application. You need video. You need context. You need a real project page, not a card.&lt;/p&gt;

&lt;p&gt;I wanted a tool that fixed all of these at once, stayed genuinely free, and treated a developer's work like the multi-layered thing it actually is.&lt;/p&gt;

&lt;h2&gt;
  
  
  What the SkillEvidence portfolio builder does
&lt;/h2&gt;

&lt;p&gt;Every feature below is in the free tier. There is no paid plan. No trial. No credit card. I made that decision early because the people who need this most are usually the ones with the least budget. A bootcamp graduate cannot afford a $15/month portfolio tool. Neither can a junior developer between jobs.&lt;/p&gt;

&lt;p&gt;Here is what you get.&lt;/p&gt;

&lt;h2&gt;
  
  
  YouTube embeds that stop the scroll
&lt;/h2&gt;

&lt;p&gt;Paste any YouTube link. A watch URL, a youtu.be short link, or a YouTube Shorts URL. The builder auto-converts it to an inline embed. The video plays directly on your project page. No uploading, no encoding, no hosting bill. YouTube handles the streaming.&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%2Fhz5n95v9l43wxku008ig.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%2Fhz5n95v9l43wxku008ig.png" alt="skillevidence portfolio add youtube video URL" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For developers, this is the single most underrated feature in any portfolio. A thirty-second Loom of your app actually running, with your voice walking through the architecture, will outperform a wall of screenshots every time. A recruiter who watches your demo gets it. A recruiter who scrolls past screenshots does not.&lt;/p&gt;

&lt;p&gt;This is also where most paid portfolio builders fall short. They either do not support inline video or charge extra for it. Free should mean free, including the most important feature.&lt;/p&gt;

&lt;h2&gt;
  
  
  A dedicated project page for every project
&lt;/h2&gt;

&lt;p&gt;Each project gets its own full page with a clean URL, not just a card in a grid. You add a title, a slug, a short summary, a full rich-text description, a featured image, and a media gallery. No cap on projects.&lt;/p&gt;

&lt;p&gt;Individual project page looks like this: &lt;a href="https://skillevidence.com/en/u/partho-protim/portfolio/ai-article-writer-auto-blogger-saves-cost-upto-200-times" rel="noopener noreferrer"&gt;https://skillevidence.com/en/u/partho-protim/portfolio/ai-article-writer-auto-blogger-saves-cost-upto-200-times&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;The technical benefit is that you can link directly to a single project. Hiring manager wants to see your one Stripe integration project? Send them that URL, not your whole portfolio. Senior engineer doing a deep dive before an interview? They can open the project page, read the case study, watch the video, and click through to the repo, all in one tab.&lt;/p&gt;

&lt;p&gt;Every project page is crawlable, has its own meta description, and shows up in the sitemap. Your work becomes findable by Google, not just by people who already have your link. That is how a &lt;strong&gt;professional portfolio website&lt;/strong&gt; should behave by default.&lt;/p&gt;

&lt;h2&gt;
  
  
  Image and video gallery per project
&lt;/h2&gt;

&lt;p&gt;Each project supports a full gallery. Mix images and YouTube videos in any order. Visitors swipe through on mobile or use the built-in slider on desktop.&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%2Fme1rpa8fbxuc5m5uzhfy.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%2Fme1rpa8fbxuc5m5uzhfy.png" alt="skillevidence media file adding features in dashboard view" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For developers, this means you can layer your proof. The architecture diagram. The screen recording of the working feature. The screenshot of your analytics dashboard. The before-and-after of the performance fix. Each project becomes a small case study instead of a single screenshot.&lt;/p&gt;

&lt;p&gt;This is also what makes the tool work for designers, video editors, motion artists, and product folks who often work with developers. One portfolio format, many disciplines.&lt;/p&gt;

&lt;h2&gt;
  
  
  Built-in contact form with dashboard inbox
&lt;/h2&gt;

&lt;p&gt;Every portfolio comes with a contact form. Messages arrive in your dashboard and your email. No third-party plugin, no separate email service, no Formspree account.&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%2F5yyxh4n6tn43dedbigwx.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%2F5yyxh4n6tn43dedbigwx.png" alt="Built-in inbox that receives messages directly from clients and recruiters&amp;lt;br&amp;gt;
" width="786" height="323"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The point is to remove friction between "interested" and "in contact." A recruiter who just watched your demo can message you in the same tab, in the same moment. For freelancers, this turns the portfolio into a working lead channel instead of a static page. &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%2F2jsw526thxvk1rrrciza.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%2F2jsw526thxvk1rrrciza.png" alt="Showing all the contact ways combined in one image&amp;lt;br&amp;gt;
" width="750" height="422"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For anyone trying to &lt;strong&gt;stand out to recruiters&lt;/strong&gt;, removing that one extra step matters more than it sounds.&lt;/p&gt;

&lt;h2&gt;
  
  
  Visitor analytics that are actually free
&lt;/h2&gt;

&lt;p&gt;Total visitors, per-project view counts, traffic sources, thirty-day chart. All of it free.&lt;/p&gt;

&lt;p&gt;For job seekers, this is a feedback loop. You can see which projects pull attention before deciding which one to lead with in your next application. You can A/B test your strongest work. You can find out which traffic source is actually converting, LinkedIn versus Twitter versus direct.&lt;/p&gt;

&lt;p&gt;Every paid portfolio tool treats analytics as a premium feature. I treat it as table stakes. A &lt;strong&gt;career growth tool&lt;/strong&gt; without measurement is just decoration.&lt;/p&gt;

&lt;h2&gt;
  
  
  Project categories, tech tags, and skill tags
&lt;/h2&gt;

&lt;p&gt;Every project supports tech and skill tags. You also assign projects to categories you define yourself: Web, Mobile, Backend, DevOps, ML, whatever buckets fit your work. Visitors filter by category to find exactly what they care about.&lt;/p&gt;

&lt;p&gt;For a polyglot developer, this is huge. A recruiter looking for a React engineer does not have to wade through your Go side projects. A client looking for a backend specialist does not have to dig past your CSS experiments. They filter, they see relevant work, they reach out.&lt;/p&gt;

&lt;p&gt;This is also what makes the tool a real &lt;strong&gt;portfolio builder for students&lt;/strong&gt; showing different bootcamp projects, and a flexible &lt;strong&gt;portfolio builder for job seekers&lt;/strong&gt; targeting more than one kind of role from one shared URL.&lt;/p&gt;

&lt;h2&gt;
  
  
  Rich text editor with code block support
&lt;/h2&gt;

&lt;p&gt;Project descriptions are not plain text. The built-in editor supports headings, bold, italic, colors, highlights, bullet and numbered lists, links, and code blocks.&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%2Fu8f9pnpl4sjerhrv394s.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%2Fu8f9pnpl4sjerhrv394s.png" alt="screenshot marking each set of rich text edting tools in skillevidence portfolio builder" width="750" height="422"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For developers, the code block support matters. You can paste actual code samples into your project write-up. Show the tricky reducer. Show the SQL query you optimized. Show the API call signature. Real code in a real description signals real work in a way that no screenshot can.&lt;/p&gt;

&lt;p&gt;Formatting matters because it signals care. Care signals that you do the same in your code.&lt;/p&gt;

&lt;h2&gt;
  
  
  Services section for freelancers
&lt;/h2&gt;

&lt;p&gt;You can list the services you offer with a headline and description for each. Visitors immediately see what you can be hired for.&lt;/p&gt;

&lt;p&gt;This is what turns a developer portfolio into a hire-me page. Freelancers can list productized offerings: "Stripe integration for SaaS, 1 week, fixed scope." Solo developers can list the stacks they take projects in. Consultants can list package tiers.&lt;/p&gt;

&lt;p&gt;A portfolio that only shows work makes visitors guess what you want from them. A portfolio with a services section ends the guessing in one scroll.&lt;/p&gt;

&lt;h2&gt;
  
  
  Bio, headline, and about-you section
&lt;/h2&gt;

&lt;p&gt;Headline under your name. Short primary bio. Long secondary bio. Avatar. Skill tags in the sidebar.&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%2Fep0c19fvkb7imi1lrun9.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%2Fep0c19fvkb7imi1lrun9.png" alt="Bio and value-offer narrative, and skill tags and service section marked with arrow and label text on screenshot of skillevidence portfolio public view" width="750" height="563"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The headline is your one-line pitch. The short bio is the elevator version. The long bio is for the visitor who is already interested and wants the full story. Three layers of depth, the visitor picks how deep to go.&lt;/p&gt;

&lt;p&gt;Work alone is not enough. People hire people. The bio is where you stop being a username and start being someone the visitor can imagine on their team.&lt;/p&gt;

&lt;h2&gt;
  
  
  SEO and clean URLs
&lt;/h2&gt;

&lt;p&gt;Every project page has its own meta description and a clean URL. Pages are crawlable, included in the sitemap, indexable by Google. No JavaScript-rendered content that crawlers cannot see.&lt;/p&gt;

&lt;p&gt;This is how passive opportunities show up. A recruiter searches for "Next.js developer with Postgres experience" and your project page shows up. A client searches for "React Native payment integration" and lands on your case study. None of that happens with a closed, paywalled portfolio.&lt;/p&gt;

&lt;p&gt;For a serious &lt;strong&gt;developer portfolio builder&lt;/strong&gt; workflow where discoverability matters, this is non-negotiable. I built it to be SEO-correct from day one.&lt;/p&gt;

&lt;h2&gt;
  
  
  External project links
&lt;/h2&gt;

&lt;p&gt;Each project supports an external link. Live site, GitHub repo, App Store, Play Store, npm package, demo deployment, Figma file, case study on your company blog.&lt;/p&gt;

&lt;p&gt;This respects the truth that no portfolio page can fully replace the original artifact. The visitor who wants to read your code clicks through to GitHub. The visitor who only wants the summary stays on the project page. You serve both.&lt;/p&gt;

&lt;h2&gt;
  
  
  Publish and draft control
&lt;/h2&gt;

&lt;p&gt;Every project can be toggled between published and draft. The whole portfolio can be set to public, unlisted, or private.&lt;/p&gt;

&lt;p&gt;Students prepping for a job hunt can build quietly and publish on launch day. Freelancers can keep NDA work unlisted and share only with the right clients. Career changers can build slowly and flip the page public the day they are ready. You never have to apologize for a half-finished page. You only show what is ready.&lt;/p&gt;

&lt;h2&gt;
  
  
  Shareable portfolio URL
&lt;/h2&gt;

&lt;p&gt;You get a clean, memorable URL. Put it on LinkedIn, in your resume, in your email signature, at the end of every cold pitch, in your GitHub bio, in your Twitter profile.&lt;/p&gt;

&lt;p&gt;This is the link that works when you are not in the room. The shorter and cleaner, the more people click.&lt;/p&gt;

&lt;h2&gt;
  
  
  Mobile-friendly design
&lt;/h2&gt;

&lt;p&gt;The portfolio looks professional on phones, tablets, and desktops. Layout reflows automatically. Galleries, videos, and project pages all adapt.&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%2Fkp8pepjhc7ise51jtpyv.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%2Fkp8pepjhc7ise51jtpyv.png" alt="showing two mobile view screenshot to demonstrate , skillevidence website is fully responsive" width="750" height="563"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This matters because a lot of recruiters open your link from their phone between meetings. A page that breaks on mobile loses them in three seconds.&lt;/p&gt;

&lt;h2&gt;
  
  
  Who I built this for
&lt;/h2&gt;

&lt;p&gt;This is a &lt;strong&gt;portfolio builder for developers&lt;/strong&gt; who want a real project page per app, not a JSON config in a repo they have to redeploy every time they ship something new. It is for &lt;strong&gt;portfolio builder for students&lt;/strong&gt; who need a first-job hunt page that actually converts. It is for freelancers who want services, analytics, and a contact form on one page. It is for career changers moving into tech who need to &lt;strong&gt;show proof of skills&lt;/strong&gt; without years of formal experience.&lt;/p&gt;

&lt;p&gt;If you want a &lt;strong&gt;portfolio without coding&lt;/strong&gt; the page itself, where you can &lt;strong&gt;share your work online&lt;/strong&gt; in a way that respects how busy the viewer is, this is the build. It is the &lt;strong&gt;best portfolio builder&lt;/strong&gt; I would have wanted ten years ago when I was applying for my first dev job.&lt;/p&gt;

&lt;h2&gt;
  
  
  A real example from an early user
&lt;/h2&gt;

&lt;p&gt;Rohit finished a six-month bootcamp and had three projects to show. He built his page in one evening, paid nothing, and embedded a YouTube screencast for each app instead of using flat screenshots. He pasted the link into ten job applications the next week. Two recruiters replied within forty-eight hours, both mentioning the video walkthroughs by name. His analytics showed one project had four times the views of the other two, so he led every new application with that one. He had his first offer in nineteen days.&lt;/p&gt;

&lt;p&gt;That is the kind of outcome I built this for.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to get started
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://skillevidence.com/en/portfolio-builder" rel="noopener noreferrer"&gt;Sign up&lt;/a&gt; for a free account.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Add your headline, short bio, and skill tags.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create your first project.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Paste a YouTube link if you have one. If not, write a clear description and add a featured image.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Add an external link to the live site or repo.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Publish.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Repeat for two more projects.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Copy your portfolio URL. Put it on LinkedIn, in your resume, and in your GitHub bio today.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;There is nothing to install. There is nothing to pay for. No contract.&lt;/p&gt;

&lt;p&gt;This is genuinely the &lt;strong&gt;best free portfolio builder&lt;/strong&gt; I could ship, and I keep it free on purpose because the developers who need it most are the ones who cannot pay for it.&lt;/p&gt;

&lt;h2&gt;
  
  
  The future of hiring is proof, not paper
&lt;/h2&gt;

&lt;p&gt;I built this because the next decade of hiring belongs to candidates whose work can be verified in thirty seconds. Resumes describe. Portfolios prove. Recruiters are already moving in that direction. Clients have been there for years.&lt;/p&gt;

&lt;p&gt;A PDF resume tells a story. A working portfolio ends the argument. &lt;strong&gt;Build your portfolio online&lt;/strong&gt; before the next application, the next interview, the next cold email. The link you build tonight is the one that opens doors for you next week.&lt;/p&gt;

&lt;p&gt;If you found this useful and you are about to start a job hunt, drop a comment with what stack you work in. I am genuinely curious which kinds of developers find this post and would love to know who shows up.&lt;/p&gt;

</description>
      <category>portfolio</category>
      <category>career</category>
      <category>hiring</category>
    </item>
    <item>
      <title>Built AI tool that Writes Article + SEO in 1 click</title>
      <dc:creator>Partho Protim</dc:creator>
      <pubDate>Fri, 12 Sep 2025 19:17:05 +0000</pubDate>
      <link>https://forem.com/partho5/built-ai-tool-that-writes-article-seo-in-1-click-50g2</link>
      <guid>https://forem.com/partho5/built-ai-tool-that-writes-article-seo-in-1-click-50g2</guid>
      <description>&lt;p&gt;Most AI tools can generate content, but very few can handle the &lt;strong&gt;entire blogging workflow&lt;/strong&gt;, from research, to SEO, to publishing.&lt;/p&gt;

&lt;p&gt;Here is how I made it the &lt;a href="https://ai-blog-article-writer.nanybot.com/" rel="noopener noreferrer"&gt;best AI blog article writer&lt;/a&gt; :&lt;/p&gt;

&lt;p&gt;What problem does it solve ?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It generates long-form articles (1600–4000 words) with structured headings, metadata, and schema.&lt;/li&gt;
&lt;li&gt;It automatically applies &lt;strong&gt;on-page SEO&lt;/strong&gt; (meta tags, keyword optimization, image alt text, readability scoring).&lt;/li&gt;
&lt;li&gt;It integrates directly with WordPress (and other CMS) so the content is &lt;strong&gt;published in one click&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The workflow is designed with developers and marketers in mind: &lt;strong&gt;automation, reliability, and scalability.&lt;/strong&gt; What used to take hours (sometimes days) can now be done in less than a minute.&lt;/p&gt;

&lt;p&gt;In this post, I’ll break down the technical architecture, the stack I used, and how the system evolved from a simple content generator into a &lt;strong&gt;full-scale AI blog writing engine&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;For anyone building SaaS or experimenting with AI + automation, this is a blueprint for turning a complex multi-step process into a &lt;strong&gt;frictionless experience&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why I Built This
&lt;/h3&gt;

&lt;p&gt;Content creation is always the biggest bottleneck for businesses and bloggers. Even with AI writers, you still need to:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Research keywords.&lt;/li&gt;
&lt;li&gt;Optimize for SEO.&lt;/li&gt;
&lt;li&gt;Find images and videos.&lt;/li&gt;
&lt;li&gt;Format the content.&lt;/li&gt;
&lt;li&gt;Publish to WordPress (or another CMS).&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Each step eats up time, breaks your flow, and adds manual overhead. I wanted to build something that &lt;strong&gt;collapses the entire workflow into one click&lt;/strong&gt; - no handoff, no extra tools, no wasted hours.&lt;/p&gt;




&lt;h3&gt;
  
  
  The Core Workflow
&lt;/h3&gt;

&lt;p&gt;(a more detailed description is in &lt;a href="https://nanybot.com/blog/how-i-built-ai-tool-that-writes-seo-article-auto-publishes-in-1-click/" rel="noopener noreferrer"&gt;NanyBot Blog&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;User Input &amp;amp; Validation&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;User enters a keyword or YouTube link.&lt;/li&gt;
&lt;li&gt;Settings allow brand voice instructions and SEO preferences.&lt;/li&gt;
&lt;li&gt;A validation layer ensures input quality before triggering generation.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;AI-Powered Research&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fetches top search results with Google Custom Search.&lt;/li&gt;
&lt;li&gt;Extracts insights, headlines, and competitive content structure.&lt;/li&gt;
&lt;li&gt;Optionally, processes YouTube transcripts for video-based articles.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Article Generation&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Orchestrated with GPT models for 1600–4000 words.&lt;/li&gt;
&lt;li&gt;Generates metadata, H1–H4 structure, slug, and SEO-friendly text.&lt;/li&gt;
&lt;li&gt;Expands each section in parallel for performance.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;SEO Optimization&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Auto-creates meta title + description.&lt;/li&gt;
&lt;li&gt;Adds internal links (scans WordPress site).&lt;/li&gt;
&lt;li&gt;Ensures keyword density and readability balance.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Media Automation&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fetches Pexels images with smart AI selection.&lt;/li&gt;
&lt;li&gt;Embeds relevant YouTube videos.&lt;/li&gt;
&lt;li&gt;Auto-generates alt text and captions for SEO.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Publishing&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Pushes directly to WordPress via REST API.&lt;/li&gt;
&lt;li&gt;Uploads featured image.&lt;/li&gt;
&lt;li&gt;Injects RankMath/Yoast metadata.&lt;/li&gt;
&lt;li&gt;Supports auto-scheduling and categorization.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Technical Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend&lt;/strong&gt;: Next.js 14 (with SSR), React 18, Redux Toolkit, Tailwind CSS.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Backend&lt;/strong&gt;: Node.js + Express, Socket.io for real-time updates, Supabase for auth.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Layer&lt;/strong&gt;: OpenAI GPT-4o-mini for cost-efficient long-form content.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;External APIs&lt;/strong&gt;: Google Custom Search, Pexels, YouTube Data API, WordPress REST API.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Infrastructure&lt;/strong&gt;: Docker, Redis (caching + scheduling), PM2 for process management.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Everything runs with parallelization and caching, so even a 3000-word article with images, links, and SEO optimization is ready in &lt;strong&gt;50–70 seconds&lt;/strong&gt;.&lt;/p&gt;




&lt;h3&gt;
  
  
  Value It Creates
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;For bloggers&lt;/strong&gt;: no need to juggle 5 different tools to go from idea → live article.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;For agencies&lt;/strong&gt;: scale content production across clients with multi-tenant architecture.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;For enterprises&lt;/strong&gt;: autopilot system generates content calendars, clusters keywords, and schedules posts at scale.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Bottom line: It reduces article production time by &lt;strong&gt;95%&lt;/strong&gt;, while maintaining SEO quality and consistency.&lt;/p&gt;




&lt;h3&gt;
  
  
  What’s Next
&lt;/h3&gt;

&lt;p&gt;The system already handles research, writing, SEO, and publishing. The next frontier is:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Full analytics integration to measure content performance.&lt;/li&gt;
&lt;li&gt;More CMS connectors (Ghost, Webflow, Shopify).&lt;/li&gt;
&lt;li&gt;Smarter keyword clustering for autopilot campaigns.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;This project is both a &lt;strong&gt;tech experiment&lt;/strong&gt; and a &lt;strong&gt;real-world SaaS&lt;/strong&gt;. If you’re building with AI and automation, I’d love to hear your thoughts. How would you extend this?&lt;/p&gt;

</description>
      <category>contentwriting</category>
      <category>automation</category>
      <category>seo</category>
      <category>tooling</category>
    </item>
  </channel>
</rss>
