This is my personal blog, built using Astro. It features a clean, responsive design with content organized for easy management.
- Blog Posts: Written in Markdown and rendered dynamically.
- Projects Showcase: A dedicated page for highlighting key projects.
- Contact Form: Integrated with Netlify Forms for simple submission handling.
- Mobile-Friendly: Fully responsive design for all devices.
├── public/ # Static assets like images, icons, and more
├── src/
│ ├── components/ # Reusable UI components
│ ├── content/ # Blog posts (Markdown)
│ ├── layouts/ # Layout templates for pages and posts
│ └── pages/ # Pages (home, about, projects, blog, contact)
├── astro.config.mjs # Astro configuration
├── package.json # Dependencies and scripts
├── tailwind.config.mjs # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration
- Brief introduction and the latest blog posts.
- Information about me and my background.
- Displays all blog posts, including featured and recent articles.
- Posts are written in Markdown and include metadata.
- Highlights projects with key information such as:
- Name
- Description
- Technologies used
- Links to live versions or repositories
- A form to reach out with fields for:
- Name (required)
- Email (optional)
- Phone (optional)
- Message (required)
- Submissions are handled through Netlify Forms.
To run the blog locally:
-
Clone the repository:
git clone git@github.com:rustyrohbot/retrograde-raspberry.git cd retrograde-raspberry -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser at http://localhost:4321.
This blog is designed to be deployed on Netlify. Deployment steps:
- Push the repository to GitHub.
- Log in to Netlify and create a new site from GitHub.
- Select the repository and configure build settings if necessary.
- Deploy the site.