Portal is a news portal and magazine website template built with Astro, Tailwind CSS 4, and Alpine.js — designed for news publishers, online magazines, editorial teams, and content creators. Built with performance, SEO, and editorial flexibility in mind, Portal delivers a professional digital presence that helps content teams publish fast, engage readers, and grow their audience.
Portal Supports Astro Version 7.x.x 🎉
📰 What Makes Portal Stand Out
- Reader-first design focused on readability, content hierarchy & engagement
- Purpose-built UI for news articles, category archives & author profiles
- Content collections powered by MDX — write articles without touching layout code
- Alpine.js powered interactive components (mobile nav, dropdown menus, sliders, forms)
- Lightning-fast performance — static output via Astro with zero JavaScript overhead
- SEO-ready architecture — clean URLs, semantic HTML, meta tags & pagination
- Fully modular, prop-driven components — mix and match layouts for any editorial need
🎯 Design DNA
Modern Bold Brand Brand accent, neutral slates, and clean whites — a palette that keeps reader focus on content while maintaining a strong, professional identity.
News-Grade Typography Crisp sans-serif body text paired with strong display heading weights — optimized for long-form reading, skimmability, and cross-device legibility.
Subtle Interactions Hover transitions, horizontal scroll carousels, animated hero sliders, and Alpine.js-powered dropdowns — fast feedback without distracting from the content.
Fully Responsive Pixel-perfect layouts across desktop, tablet, and mobile. Header, navigation, and every content block adapt gracefully from small phones to large desktops.
📦 Features Included
- ✅ Reusable news blocks — BlockNews, BlockNewsOne, BlockNewsTwo & BlockNewsScroll layouts per category
- ✅ Trending / Featured / Popular post filtering via simple boolean flags in content frontmatter
- ✅ Author registry with resolvable profiles, avatars, social links & article archives
- ✅ Category, tag, and author archive pages with clean pagination
- ✅ Smart compact pagination component that never overflows, however many pages exist
- ✅ Post detail page with reading meta, tags, related posts & author bio
- ✅ Social sharing component (Facebook, X, LinkedIn, WhatsApp, Copy link)
- ✅ Newsletter subscription widget with built-in validation states
- ✅ Social media follow widget for footer or sidebar placement
- ✅ Modular footer — About block, multi-column menus, app download CTA & copyright bar
- ✅ Fully responsive header with dropdown navigation and animated mobile menu
- ✅ Static page system (About, Privacy, Terms, Contact, 404)
- ✅ Base-path aware routing via a single <code>url()</code> helper — deploy anywhere without hardcoded links
📝 Tech Stack
- Astro 7.x — Static site generator & routing
- Tailwind CSS 4.x — Utility-first styling
- Alpine.js 3.x — Reactive UI (nav, dropdowns, forms, sliders)
- MDX — Content authoring
- astro-icon — Bootstrap Icons
- TypeScript — Type-safe data & components
💬 Support & Updates
Portal includes free lifetime updates for compatibility with future Astro releases and ongoing feature improvements.
