Complete WIP: Architecture refactor.

Mount JSX server side templating for blog posts. Send AppShell conditionally. Maintain support for HMR via HTMLbundles using Bun's native fullstack dev server under an /hmr path. This is only mounted in development and is supported by the onImport Bun plugin. Add DB creation on startup and load pages based on those records.

content/2025/09/typescript-tips.md

@@ -1,6 +1,7 @@
 ---
 title: 5 TypeScript Tips I Wish I Knew Earlier
 date: 2025-09-18
+readingTime: 10 minutes
 tags: [TypeScript, JavaScript, Productivity]
 excerpt: Five practical TypeScript tips that will make your code more type-safe and your development experience smoother. From utility types to const assertions.
 draft: false
@@ -8,7 +9,7 @@ draft: false
 
 # 5 TypeScript Tips I Wish I Knew Earlier
 
-TypeScript is an amazing tool, but it takes time to learn all its features. Here are five tips that significantly improved my TypeScript development.
+TypeScript is an amazing tool, but it takes time to learn all its features. Here are five tips that significantly improved my TypeScript development experience.
 
 ## 1. Use `satisfies` for Type Checking
 
@@ -105,4 +106,3 @@ Use sparingly and only when you're absolutely sure.
 These tips have made my TypeScript code more robust and easier to maintain. The key is to leverage TypeScript's type system to catch errors at compile time rather than runtime.
 
 What are your favorite TypeScript features? Let me know!
-

content/2025/10/a-new-post.md

@@ -1,34 +1,82 @@
 ---
-title: Your Post Title
+title: Modern Development Workflow
 date: 2025-10-21
-tags: [Web Development, TypeScript]
-excerpt: A brief summary of your post (2-3 sentences). This will appear in post listings and search results.
+tags: [Web Development, TypeScript, Productivity]
+excerpt: Explore modern development workflows that boost productivity and code quality. Learn about hot module replacement, automated testing, and modern tooling.
 draft: false
 ---
 
-# Your Post Title
+# Modern Development Workflow
 
-Your content here. You can use standard markdown syntax: 
+In today's fast-paced development environment, having an efficient workflow is crucial for maintaining productivity and code quality.
 
-## Section Heading
+## Hot Module Replacement
 
-Write your paragraphs with proper spacing.
-
-### Subsection
-
-- Bullet points
-- Another point
-- And another
-- with HMR
-
-**Bold text** and *italic text* are supported.
+Hot Module Replacement (HMR) revolutionizes the development experience:
 
 ```typescript
-// Code blocks work too
-const example = "Hello World";
-console.log(example);
+// Vite configuration with HMR
+export default {
+  server: {
+    hmr: {
+      overlay: true
+    }
+  },
+  plugins: [
+    reactRefresh()
+  ]
+}
+
+// During development, changes appear instantly
+const Component = () => {
+  const [count, setCount] = useState(0);
+  return (
+    <button onClick={() => setCount(count + 1)}>
+      Count: {count}
+    </button>
+  );
+};
 ```
 
-> Blockquotes for important callouts or quotes.
+## Tool Chain Essentials
 
-This is just a template - delete this file or ignore it when writing your actual posts.
+A modern tool chain should include:
+
+- **Fast builds**: Vite or Bun for lightning-fast compilation
+- **Type safety**: TypeScript for catching errors at compile time
+- **Code formatting**: Prettier for consistent code style
+- **Linting**: ESLint for maintaining code quality
+
+## Automated Testing
+
+Integrate testing into your workflow:
+
+```typescript
+// Component testing with React Testing Library
+import { render, screen, fireEvent } from '@testing-library/react';
+import Counter from './Counter';
+
+test('increment works correctly', () => {
+  render(<Counter />);
+  
+  const button = screen.getByRole('button');
+  fireEvent.click(button);
+  
+  expect(screen.getByText('Count: 1')).toBeInTheDocument();
+});
+```
+
+## Best Practices
+
+- **Git hooks**: Pre-commit hooks for code quality checks
+- **CI/CD**: Automated testing and deployment
+- **Documentation**: Keep README files up to date
+- **Code reviews**: Peer reviews for knowledge sharing
+
+## Conclusion
+
+A modern development workflow combines the right tools with good practices. Invest time in setting up your environment properly, and it will pay dividends in productivity throughout your project.
+
+---
+
+*This post demonstrates the power of modern development tools and workflows.*