DEV Community: Cristian Marinescu

5 Reasons to Choose a Custom-Coded Website for Your Business

Cristian Marinescu — Tue, 15 Sep 2026 14:21:36 +0000

When it's time to build or rebuild your business website, the default choice for many is WordPress, Wix, or Squarespace.
A custom-coded website, built from scratch with clean HTML, CSS, and JavaScript is a different kind of investment. It's not about being trendy; it's about building a digital asset that performs, lasts, and truly belongs to you. Here's why that matters.

1. Performance & Page Speed: The 3-Second Rule That's Costing You Customers
Your website has about three seconds to make a first impression. That's not a suggestion, it's a hard deadline set by user behavior. According to Google research , 53% of mobile visitors will abandon a page if it takes longer than 3 seconds to load.
The consequences of a slow site are dramatic. Google's data shows that as load time increases from 1 second to 3 seconds, the probability of a visitor bouncing increases by 32%. Stretch that to 5 seconds, and the bounce rate surges by 90%.
For a small business, this translates directly into lost revenue. A site that loads in 1 second has a conversion rate 3 times higher than one that takes 5 seconds. Custom-coded sites are built with lean, optimized code from the ground up, avoiding the "code bloat" of themes and plugins that weighs down CMS platforms. The result is a site that loads fast, keeps visitors engaged, and turns traffic into customers.

2.Flexibility & Maintainability: No More "AI Slop" or Cookie-Cutter Designs
Have you ever landed on a website and felt like you'd seen it a hundred times before? That's the "framework effect", the rigid, template-driven look that makes so many business sites blend into the background. A custom-coded site breaks that mold.
When you code from scratch, every element is designed for your brand, not adapted from a theme. The code itself is modular and reusable, clean HTML, LESS or SCSS for styling, and scoped section IDs that keep everything organized. This structure makes the site easier to maintain, update, and extend over time.
More importantly, it won't look like AI slop. Generic builders and AI website generators produce sites that follow the same predictable patterns. A custom build reflects your brand's unique identity, giving you a visual and functional edge that templates simply can't match.

3. Helps SEO & AI Search: Built for How People Search Today
SEO has changed. It's no longer just about ranking #1 on a Google search results page. In 2026, people are asking ChatGPT, Perplexity, and other AI assistants for recommendations. To be visible, your site needs to be understood by these systems.
AI search engines don't just index keywords: they parse, interpret, and extract structured facts. A custom-coded site gives you full control over the technical foundation that AI models need to recommend your business:
• Clean semantic HTML that search engines and LLMs can easily parse
• JSON-LD schema markup on every page (FAQ, Service, Review, etc.)
• Full metadata control for titles, descriptions, and structured data
• Fast, SSR-friendly architecture that serves complete content to crawlers
CMS platforms often rely on plugins to handle these basics, and AI-built websites frequently miss them entirely. As Google's John Mueller noted, AI tools can build a site fast, but they "won't set up your canonicals, sitemaps, or robots.txt unless you tell them to". A custom build ensures these fundamentals are in place from day one.

4. No Platform Lock-In: You Own the Code, the Data, and Your Future
This is perhaps the most important reason of all. When you build on a proprietary platform like Wix, Squarespace, or Shopify, you don't own your website, you're renting it. Your content lives in their database. Your site depends on their infrastructure, their pricing, and their roadmap. If they change their terms, raise prices, or shut down, you're stuck.
With a custom-coded website, you own the code, the files, and the data. You can host it wherever you want: Vercel, Netlify, AWS, or any other provider. You can move it whenever you want. Any competent developer can work on it without needing a proprietary platform account.
This is digital sovereignty. You're not locked into a platform's pricing or rules. You're not dependent on a vendor's technological choices. You control your own digital destiny. For a business, that's not just a technical advantage, it's a strategic one.

5. Security: A Smaller Attack Surface Means Fewer Ways In
Popular CMS platforms are popular targets. WordPress powers over 40% of the web, which makes it the most attacked CMS in the world. The primary vulnerability isn't the core software, it's the plugins and themes.
The numbers are staggering. In 2025 alone, over 1,800 critical security vulnerabilities were reported in WordPress plugins, that's five per day. Roughly 97% of all WordPress security breaches stem from plugins and themes, not the core itself. Real-world exploits continually highlight this risk, such as the GiveWP critical remote code execution vulnerability (CVE-2024-8353) which left over 100,000 active websites exposed to complete takeover. An average WordPress site uses 20 to 30 plugins, and each one is a potential entry point for attackers.
A custom-coded website eliminates this entire category of risk. There are no third-party plugins to patch, no theme vulnerabilities to worry about, and no dependency on a developer you've never met to fix a security hole. The attack surface is significantly narrower, and the code is entirely under your control. You're not hoping for a security update, you're building security into the foundation.
Build a secure, custom-coded web presence from day one with Websitero.

Why I custom code my websites

Cristian Marinescu — Wed, 09 Sep 2026 12:09:26 +0000

I used to think that a static website for a business, the best choice would be a drag-and-drop, page builder, no-code solution because what is the point to write code manually if it is not an application. It seemed like overkill, a waste of time and resources for what essentially boils down to a digital business card.

After building multiple websites with the usual website builders, I noticed that these websites bring 0 value. Why am I saying that? Because I watched them fail. They launched, looked "fine", and then generated nothing. No calls, no emails, no sales. They were digital ghosts. It was then I realized the problem wasn't the idea of a website, but the tool used to build it. The perceived convenience of a page builder is a trap, a trade-off where you sacrifice performance, control, and, most critically, results for a superficial sense of ease. This is why I will never go back, and why I now champion custom code for every business website, regardless of its static nature. Here is what I discovered:

Performance: The Non-Negotiable Foundation

My journey with page builders was a constant battle against bloat. Every "convenient" widget, every pre-styled element, and every third-party plugin came with a payload of unnecessary JavaScript and CSS. The result was a slow, clunky user experience. I realized that nearly 50% of potential traffic is lost to slow load times.
With custom code, I took back control. I am now able to build websites that are optimized for a perfect 100/100 page speed score. This isn't just a vanity metric; it's a core business function. A fast site retains visitors, improves search engine rankings, and ensures that every dollar spent on advertising isn't wasted on visitors who bounce before the page even renders.

ROI: From Cost Center to Revenue Driver

The most significant shift in my thinking was viewing a website not as a cost, but as an investment. A page builder site, costing a few hundred dollars a year in subscriptions, seems cheap. But it's an expense that brings zero return. A custom-coded site is built with one singular goal: to generate leads and sales.
When you position a website as an investment, the calculus changes. If a new client is worth more than $1,000 annually to a business, and a professionally built site can secure even one additional sale per month, that website pays for itself almost immediately. The value isn't in the code itself, but in the business outcomes it delivers.

Integration: Freedom from the Plugin Trap

Relying on a page builder often means relying on its ecosystem of plugins for added functionality. This creates a dangerous dependency. Plugins can be poorly coded, conflict with each other, and, most critically, become massive security vulnerabilities. Updates can break your site, and you are always at the mercy of a third-party developer.

With a custom code approach, I can build a bespoke CMS that is perfectly tailored to the client's workflow. More importantly, I can integrate with any third-party service (CRMs, email marketing platforms, booking systems) through clean, reliable APIs. This provides seamless functionality without the bloat, security risks, and performance hits of an army of plugins.

Scalability: Full Control and Future-Proofing

A page builder is a cage, no matter how pretty the bars are. You can only go as far as the platform's limitations allow. As a business grows, its website needs to evolve. Custom code provides full control. I own the codebase, the server, and the entire technology stack.

This means I can scale the site to handle massive traffic spikes, add complex new features as needed, and refactor the architecture for optimal performance without being constrained by a platform's roadmap. I'm not just building a website for today; I'm building a robust, scalable digital asset that will grow and adapt alongside the business for years to come.

In conclusion, my initial assumption was dead wrong. Building a business website with a page builder is like building a house with cardboard, it looks fine from a distance, but it crumbles under any real pressure. Custom code is the only way to build a house of bricks: strong, durable, and designed to provide lasting value. It is the only choice for businesses that are serious about their online success.

If you're ready to move beyond page builders and invest in a website that actually drives results, I build all my projects through Websitero.com, where performance, security, and ROI are coded in from day one.

How to Design a Website

Cristian Marinescu — Wed, 02 Sep 2026 08:40:37 +0000

This is my process I’ve picked up over time that’s worked for me, despite having zero formal design background. I used to look at a blank canvas trying to figure out where to even start, and I know a lot of people struggle with that too.

Step One: Steal Like an Artist (Sort Of)
Before you do anything else, go look at websites that actually look good. Not just pretty, but practical too.
I spend a lot of time browsing through top-rated themes. I study how they arrange content, how they structure their sections, what they put where. Then I borrow bits and pieces from different designs and mash them together into something new.
Here's the thing about design: almost nothing is purely original. Everything is inspired by or built on something else that came before it. Once you accept that, it takes a lot of pressure off. You don't need to reinvent the wheel. You just need to expose yourself to enough good designs that you have a mental library of layouts to pull from.

Step Two: Draw It Out First
Once I've found a few designs I like, I grab some paper and start sketching. Nothing fancy; I literally tape four or five sheets together and draw a rough wireframe with pencil first, then go over it with marker.

Step Three: Move to Figma
After the sketch looks decent, I bring it into Figma and start refining. This is where it comes alive. I add real colors, actual images, proper text, and fix the spacing. What starts as a rough sketch becomes something you can actually show a client.
The first version rarely gets approved as-is. Clients almost always have notes. They want to add this, remove that, change something else. That's normal. You take their feedback, play around with the Figma file, and send it back. Sometimes it takes two or three rounds before it feels right. That's just part of the process.

The Details: How I Actually Approach Design
Again, I'm not a trained designer. But these are principles I've learned through trial and error that have consistently worked.

Visual Hierarchy Matters More Than You Think
You need to understand what's most important on a page and make sure it stands out. Your key information shouldn't be buried or crowded out by other elements. If something matters, it should be prominent.
There are plenty of great resources out there on visual hierarchy if you want to dig deeper. Just search for it, you'll find solid articles from places like Adobe and others that explain the principles better than I can. There are also some excellent videos on landing page design that cover hierarchy, creative design, and white space in a way that clicked for me.

White Space Is Huge
I can't stress this enough. So many websites I see have content crammed together with no breathing room. Everything feels cluttered and overwhelming.
Here's what I do: on mobile, I give every section at least 50px of padding on top and bottom. On desktop, I bump that up to 75-100px for major sections. I've seen sites with only 10-20px between sections and it just looks cramped.
For paragraphs, I aim for a line height of about 1.4 to 1.5. That's the sweet spot for readability. You'll see some sites go up to 1.7, which can work, but 1.4-1.5 feels most natural for body text.
If you're putting a heading above a paragraph, make sure the heading is at least 1.5 times the font size of the paragraph text. And bold it. That visual difference helps separate sections and draws the eye where you want it to go.

My Go-To Website Structure
Here's the basic skeleton I use for most sites. Once you have this structure down, design gets way easier because you already know what content you need and where it should live. It becomes more like paint-by-numbers.

Hero Section
This is what people see first. I start with an H1 that states the main thing the business does, using their most important keyword. Then an H2 that goes into more detail about their services and what problems they solve. Finish with one or two call-to-action buttons. What do you want visitors to do first? Call? Get a quote? Make that the CTA.
Services Section
What does the business actually do? What problems do they solve? I typically use cards for this section, maybe with some icons to add visual interest. It breaks up the page and makes the information easier to scan.
About Section
This is where the company sells itself. Who are they? What's their history? Why are they the right choice? Let visitors get to know the people behind the business. It humanizes the company and builds trust.
Additional Content Section
This is the flexible middle part. Google likes to see content on the homepage, and I recommend at least 1200 words. I use this section to add extra content around their keywords and services, which helps with SEO.
I put it in the middle because people tend to remember the first and last parts of a website most. Services go up top so people remember what the business does. Testimonials go at the bottom so people leave with positive impressions. The SEO content sits in between.
This section can also include things like "reasons to choose us" or a step-by-step breakdown of how their process works. It's a catch-all for whatever additional info the client wants to showcase.
Gallery or Portfolio
Show off the client's best work. Pretty straightforward.
Testimonials
End on a high note. Let real customers explain why this business is great. I also like linking to a dedicated testimonials page with all their reviews. This is honestly a content gold mine: it's organic, naturally written by actual people, and it's stuffed with the client's keywords without even trying. Testimonials are one of the best free SEO tools out there. Add as many as you can.
Footer
Contact info, logo, maybe a mini sitemap, social media links. The usual stuff.
Adding Interior Pages
Once the homepage is locked in, the rest of the site gets easier because you've already established the visual language.
For interior pages, I keep things simpler. The hero section on an interior page is usually smaller, just a basic banner with the page title and maybe a short subtitle. Then the content follows the same rules: proper spacing, clear hierarchy, and consistent styling with the rest of the site.
Most sites need the usual suspects: About, Services, Contact, maybe a Blog or FAQ page. Some clients will have specific needs like a Team page, a Careers section, or individual service pages. The structure adapts, but the design principles stay the same. You're just slotting content into the framework you've already built.

Wrapping Up
So that's my process. Expose yourself to good designs so you have a mental library of layouts. Sketch it out on paper first. Refine it in Figma. Get client feedback and iterate. Then build it.

How to Create a Website for Beginners

Cristian Marinescu — Tue, 25 Aug 2026 08:29:38 +0000

Every website should be built from HTML, CSS and basic JS for interactivity. No need for frameworks like React, drag-and-drop builders, or template dependencies.

Using basic web development is enough to create a good website and useful for you. You need to have some knowledge about it which is quite easy nowadays because of the free resources available. One resource I always recommend is developer.mozilla.org which is free and easy to learn from. Of course, there are plenty more, but I won’t mention them now and it obviously depends on your own learning style.

Besides code, you also need a simpler static site generator. I choose Eleventy, which offers full control over your project’s output. Why I pick Eleventy? Fast builds and even faster websites are sufficient for any project.

I’ll use my own Eleventy repo (https://github.com/cristianvmac/Eleventy-Starter). This starter kit is perfect because it’s minimal, organized, and gives you a working site in seconds. Alternatively, you can build your own from scratch, check https://www.11ty.dev/.

Here’s the step-by-step flow:

Clone & install: Run git clone <repo-url>, then npm install.
Start the dev server: Run npm start → live preview at http://localhost:8080 + local CMS at /admin.
Set global data: Fill in src/_data/client.js with your site name, email, socials, domain.
Edit design: Change CSS variables in src/assets/css/root.css to update colors, fonts, spacing.
Create pages: Run npm run create-page -- "Page Name" to scaffold a new page, or just add an .html or .md file in src/content/pages/ .
Add content: Write blog posts in src/content/blog/ or use the CMS at /admin (no code required).
Add images: Use the {% image %} shortcode in templates. It auto generates responsive WebP/JPEG.
Add interactivity: Write plain JavaScript in src/assets/js/main.js (no frameworks needed).
Build for production: Run npm run build → generates a public/ folder of static files.
Deploy: Push to GitHub, import to Netlify (auto detects settings), and your site is live.

This starter gives you a complete, professional workflow and it never hides the underlying code. Every template is editable. Every CSS rule is yours. Every JavaScript function is plain and readable. You can customize it however you like it and it won’t look like any AI generated site or other website created by a predictable builder template.

If you want to remove the CMS, run npm run remove-decap. If you want to keep only the basics, run npm run remove-demo. You’re not locked into a platform or any other no-code solutions. You’re writing real HTML, CSS, and JS. Eleventy just makes it faster and easier to manage.

Best of all, it's completely free from your first line of code to your live deployment on Netlify's standard free tier.

What is a Website?

Cristian Marinescu — Wed, 19 Aug 2026 12:26:48 +0000

You use them every day, but could you define what a website actually is?

You read the news on them, you order on them, and you watch videos on them. But if someone asked you to sit down and define exactly what a website is, could you do it?

In the physical world, a business needs a storefront. In the digital world, that storefront is a website. Whether you are a small business owner looking to attract local customers, a blogger sharing your passion, or a major corporation, your website is how you show up on the internet.

What is a website, technically?
A website is a set of web pages hosted on the internet and accessible through a web browser. Each website is identified by a domain name, the address you type or search for, like yourbusiness.com, which the owner chooses based on what is available.

Those pages can be simple (a single landing page with your phone number) or complex (a shop, a blog, a booking system). What they share is the same idea: information about you, reachable from anywhere, at any time.

Why it matters for your business
In an era where everyone has a smartphone, a website is often the first impression you make. If a potential customer hears about your business, their first instinct is not to drive to your store => it is to Google you.

If you do not have a website, or if your website is outdated and slow, you are effectively closing your doors to a large part of your market. They looked, they did not find what they needed, and they called someone else.

A well-built website brings:

Credibility -> it legitimizes your business. A real domain and a professional page signal that you are established and reachable.
Accessibility -> you are open for business even when you are sleeping. Hours, services, and contact details are always there.
Marketing reach -> you are no longer limited by geography. Local SEO and Google Business Profile work together so people in your area can find you.

What makes a good website?
A good website is not just “pretty.” It is four things working together:

Strategy
Why does this site exist? Who is it for? A plumber’s site and a restaurant’s site should answer different questions: emergency calls vs. menus and bookings. If the strategy is unclear, the rest is decoration.
Design
Is it visually appealing? Does it look like a business someone would trust with their money or their home? Design is not vanity, it is the first signal of professionalism.
Development
Does it load fast? Does it work well on mobile phones? Most local searches happen on a phone. A site that takes five seconds to load or breaks on a small screen loses the call before you knew there was one.
Marketing
Can people find it on Google? Is there a clear call to action: “Call us,” “Book now,” “Get a quote”? Traffic with no next step is wasted; visibility with no usability is worse.

If a website is missing one of these, it is essentially broken. A beautiful site that no one can find is useless. A highly visible site that looks untrustworthy and is hard to use will drive people away just as fast.