Astrophotography Website

A beautiful, responsive website for showcasing astrophotography with a dark, transparent design.

Features

• Responsive design with dark glass morphism UI
• Image gallery with filtering by category
• Exposure time calculator for tracking total exposure time
• About section and contact form
• GitHub Pages compatible

Deployment to GitHub Pages

This project is configured for easy deployment to GitHub Pages.

Setup

1. Create a GitHub repository for your project
2. Push your code to the repository
3. Install dependencies:

```bash npm install ```

Deploy

Run the deploy script:

```bash npm run deploy ```

This will:

1. Build the project with GitHub Pages configuration
2. Create a .nojekyll file to bypass Jekyll processing
3. Deploy to the gh-pages branch of your repository

Configuration

The site will be deployed to https://yourusername.github.io/astrophotography/.

If you want to use a different repository name, update the basePath and assetPrefix in next.config.mjs.

Development

```bash

Start development server

npm run dev

Build for production

npm run build

Start production server

npm run start ```

Customization

• Replace placeholder images with your astrophotography
• Update text content in the components
• Customize colors and styling in the Tailwind configuration