Nynaeve: A modern WordPress theme built on Sage 11

Overview

Nynaeve is a high-performance WordPress theme based on Sage 11 with enhanced WooCommerce support, custom components, and modern frontend development workflow.

• Built on Sage 11 and Acorn (Laravel for WordPress)
• Clean, efficient theme templating with Laravel Blade
• Modern frontend development with Vite and Tailwind CSS 4
• Complete WooCommerce integration with custom product views
• Responsive navigation and layout components

Features

Fonts

• Custom web fonts integration with Open Sans and Menlo
• Proper typography scales with Tailwind CSS
• Font optimization for performance

PHP Packages

• Acorn for Laravel framework features in WordPress
• Navi for WordPress menu building and navigation
• Blade component integration
• Custom block support

Components

• Responsive navigation with dropdown menus
• Social media icons integration with Blade components
• WooCommerce product gallery with thumbnails and zoom
• Back to top button
• Smooth scroll functionality for anchor links

WooCommerce Integration

• Custom product archive views
• Enhanced single product page
• Custom gallery with thumbnail navigation
• Styled checkout and cart process
• Responsive product grids

CSS with Tailwind 4

• Custom color palette
• Responsive design system
• Extended typography settings
• Component-focused styling
• WooCommerce specific styling

Build System

• Vite for fast HMR (Hot Module Replacement)
• NPM for package management
• Asset optimization pipeline
• Image processing
• SVG icon system

Requirements

• WordPress >= 6.0
• PHP >= 8.0
• Composer >= 2.0
• Node.js >= 16.0

Installation

# Clone the repository
git clone https://github.com/imagewize/nynaeve.git

# Navigate to the theme directory
cd nynaeve

# Install PHP dependencies
composer install

# Install Node dependencies
npm install

# Build assets
npm run build

Development

# Start development server with HMR
npm run dev

# Build for production
npm run build

Customization

The theme can be customized through:

• theme.json - WordPress theme settings
• resources/css/app.css - Tailwind CSS configuration
• resources/views/ - Blade templates
• app/ - PHP functionality

Browser Support

• Latest versions of Chrome, Firefox, Safari, and Edge

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT

Credits

• Sage by Roots
• Tailwind CSS
• Laravel
• Vite