Overview:
Dante is a single-author blog and portfolio theme for Astro.js. It features a minimal, slick, responsive, and content-focused design. The theme supports dark and light color modes, a hero section with bio, portfolio collection, pagination support, post tags support, subscription form, view transitions, and more. It is built using Tailwind CSS and follows a mobile-first responsive layout. The theme is also SEO-friendly with canonical URLs and OpenGraph data support, and it includes sitemap and RSS feed support. Dante offers integration with various template options in Astro.js.
Features:
- Dark and light color mode: Dante supports both dark and light color modes, allowing users to choose their preferred color scheme.
- Hero section with bio: The theme includes a hero section where authors can introduce themselves and provide a brief bio.
- Portfolio collection: Dante supports a portfolio collection feature, allowing authors to showcase their work.
- Pagination support: The theme has built-in pagination support, making it easy to browse through blog posts.
- Post tags support: Authors can add tags to their posts, providing an additional way to categorize and organize content.
- Subscription form: Dante includes a subscription form to allow readers to subscribe to updates.
- View transitions: The theme features smooth view transitions, enhancing the user experience.
- Tailwind CSS: Dante is built using Tailwind CSS, a highly customizable CSS framework.
- Mobile-first responsive layout: The theme follows a mobile-first approach, ensuring an optimal viewing experience on all devices.
- SEO-friendly with canonical URLs and OpenGraph data: Dante is designed to be SEO-friendly, with support for canonical URLs and OpenGraph data for better search engine optimization.
- Sitemap support: The theme includes sitemap support, making it easier for search engines to discover and index content.
- RSS Feed support: Dante provides built-in support for RSS feeds, allowing readers to subscribe to content updates.
- Markdown & MDX support: The theme supports both Markdown and MDX formats for content creation, providing flexibility for authors.
Installation:
To install Dante Astro.js Theme, follow these steps:
- Run the following command to install dependencies:
npm install
- Start the local development server at localhost:4321 with the following command:
npm run dev
- Build the production site to ./dist/ by running the command:
npm run build
- Preview the build locally before deploying with the command:
npm run preview
- You can also run Astro CLI commands by using:
npm run astro ...
For more information on using the Astro CLI, run:
npm run astro -- --help
Summary:
Dante Astro.js Theme is a feature-packed single-author blog and portfolio theme. Its minimal and responsive design, along with its support for dark and light color modes, make it visually appealing and user-friendly. The theme offers various features such as a hero section, portfolio collection, pagination, post tags, subscription form, view transitions, and more. Built with Tailwind CSS, Dante follows a mobile-first approach and is SEO-friendly with support for canonical URLs and OpenGraph data. The theme also includes sitemap and RSS feed support, and it can be easily installed and customized using the provided installation guide.