Build a Personal Blog or Portfolio Site Using Os.pro Templates

Your website should be your voice — simple, personal, and alive. Whether you’re a writer, photographer, designer, or freelancer, Os.pro lets you create a professional online presence in just minutes.

In this guide, we’ll walk through how to transform Os.pro into a personal blog or portfolio website, using pre-built templates designed for creativity, performance, and simplicity.

You’ll deploy the site exactly as before — by uploading your Os.pro package, connecting your Omnistack API key, and choosing a template. No backend or database setup required.

???? Step 1: Deploy or Reuse Your Os.pro Installation

If you’ve already completed the setup in the previous article, you’re halfway there.
If not, follow the “Getting Started with Os.pro” guide — upload, extract, and configure your APP_KEY and API_KEY in /config/app.php.

Once your site is live, open it in your browser. You’ll see the default homepage with a neutral theme — ready to customize.

???? Step 2: Choose Your Template Style

Os.pro comes with several template families, each crafted for specific creators and small brands. Let’s explore a few of them:

1. The Blogger Template

Perfect for: writers, coaches, journalists, and personal storytellers.

Key Features:

Clean post layout with hero images and quote sections.
Smart sidebar for trending posts or newsletter signup.
SEO-optimized headings and Open Graph sharing tags.

???? Pro Tip: You can link this layout directly to your Omnistack API’s “Posts” collection for automatic post updates.

2. The Photographer Template

Perfect for: photographers, videographers, and digital artists.

Key Features:

Fullscreen galleries with lightbox view.
Responsive grid portfolio.
“Client Showcase” section with project titles and story blurbs.

This layout emphasizes visuals — it pulls your media directly from your Omnistack-hosted storage, so images stay fast and optimized.

3. The Freelancer/Designer Template

Perfect for: designers, developers, consultants, and small studios.

Key Features:

Smooth scrolling homepage.
Dynamic “Services” and “Work Samples” sections linked to API data.
Call-to-Action buttons for booking or contact forms.

With one tweak in the /themes/designer/config.json, you can rename service blocks, update rates, or add your own testimonials.

4. The Author/Creator Template

Perfect for: authors, content creators, and speakers.

Key Features:

Elegant blog + bookshelf combo layout.
Book/product sections powered by your Omnistack API “Products” endpoint.
Integrated contact and newsletter sign-up pages.

This template works beautifully for creators who want to combine storytelling with sales.

?? Step 3: Configure and Personalize

All Os.pro templates share the same easy setup pattern:

Go to /config/theme.php.
Set your chosen theme name, e.g.:
```
 
```
'ACTIVE_THEME' => 'photographer'
Update your site’s details:
```
 
```
'SITE_NAME' => 'My Creative Space', 'TAGLINE' => 'Capturing life in motion', 'PRIMARY_COLOR' => '#222831'
Save and refresh your site — your new design is live!

???? Step 4: Sync Your Content from Omnistack API

Since all data lives in the Omnistack API, you can instantly pull in your blog posts, gallery items, or services:

'API_ENDPOINT' => 'https://api.omnistack.io/v1', 'API_KEY' => 'your_api_key_here'

Once configured, your Os.pro frontend will auto-fetch content from your backend — meaning you can add or update posts via your Omnistack dashboard without redeploying the site.

???? Step 5: Publish and Connect Your Domain

Point your custom domain (e.g., myname.com) to your hosting.
Add it to your Omnistack project’s settings.
Clear cache and verify SSL (most Omnistack hosting plans include free SSL).

Within seconds, your professional blog or portfolio is live for the world to see.

???? Bonus: Customize with CSS Overrides

Every template includes a /custom.css file for your tweaks — fonts, colors, margins, animations — all supported.
This makes it easy to personalize your look without touching core files.

Example:
 
.hero-title { font-family: 'Poppins', sans-serif; letter-spacing: 1px; }

????‍???? Who This Is For

Creatives: Build a blog or portfolio that grows with your career.
Developers: Use Os.pro as a white-label starting point for client projects.
Agencies: Deploy 10+ portfolio sites fast with Omnistack Hosting.

???? Try the Free Hosted Version

You can test all Os.pro templates instantly on our free hosted platform — no server or setup needed.

???? Start Your Free Os.pro Site →

When you’re ready to self-host or scale up, switch to your own domain and unlock full access with Os.ext.api integration.