astro-art-portfolio

This project, astro-art-portfolio, is a minimalistic art portfolio template designed for artists and creatives to showcase their work. It is built using the modern web framework Astro and seamlessly integrates with the Notion API for efficient content management. The portfolio features a clean, responsive design powered by Tailwind CSS, with built-in support for both light and dark themes.

Key Features:

• Astro Framework: Leverages Astro for fast, modern web development and static site generation.
• Notion API Integration: Content, including art pieces and their details, is managed directly through a Notion database, making updates simple and intuitive without needing to touch code.
• Tailwind CSS: Provides a highly customizable and utility-first CSS framework, ensuring a sleek and responsive user interface with easy theme switching.
• Dark/Light Theme: Offers a toggleable dark and light mode, enhancing user experience.
• Typescript Support: Developed with TypeScript for improved code quality and maintainability.
• Image Gallery: Features a responsive image gallery powered by photoswipe for an immersive viewing experience of art pieces.
• Icon Support: Utilizes astro-icon for scalable and customizable icons.
• CI/CD Ready: Includes GitHub workflow and Dependabot setup for automated testing and dependency updates.

Use Cases: This template is ideal for artists, photographers, designers, or anyone looking to create a personal portfolio to display their visual work. Its Notion integration makes it particularly appealing for users who prefer a no-code content management system.

Setup involves duplicating a provided Notion page template, cloning the repository, installing dependencies (yarn install), and configuring environment variables (.env file) with your Notion API key and database ID. The project also supports optional deployment automation using tools like Zapier to trigger Netlify builds whenever the Notion database is updated, ensuring your portfolio is always current with minimal manual intervention. Development commands include yarn dev for local server, yarn build for production, and yarn preview to test builds locally.