Markdown Features Test Post

Introduction

This is a test post to verify all markdown features are working correctly with our new blog system. It includes various elements to ensure proper rendering and syntax highlighting.

Code Blocks with Syntax Highlighting

JavaScript Example

// Example of a modern JavaScript function
const fetchUserData = async (userId) => {
  try {
    const response = await fetch(`/api/users/${userId}`)
    const data = await response.json()
    return data
  } catch (error) {
    console.error('Failed to fetch user:', error)
    throw error
  }
}

// Using the function
fetchUserData(123)
  .then(user => console.log('User:', user))
  .catch(err => console.error(err))

YAML Configuration

# Docker Compose example for 816tech infrastructure
version: '3.8'

services:
  web:
    image: nginx:alpine
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - ./config/nginx.conf:/etc/nginx/nginx.conf
      - ./ssl:/etc/nginx/ssl
    environment:
      - NGINX_HOST=816tech.com
      - NGINX_PORT=80
    restart: unless-stopped

  database:
    image: postgres:14-alpine
    environment:
      POSTGRES_DB: production
      POSTGRES_USER: app_user
      POSTGRES_PASSWORD: ${DB_PASSWORD}
    volumes:
      - pgdata:/var/lib/postgresql/data
    restart: unless-stopped

volumes:
  pgdata:

Go Example

package main

import (
    "fmt"
    "net/http"
    "log"
)

// Handler function for HTTP requests
func helloHandler(w http.ResponseWriter, r *http.Request) {
    fmt.Fprintf(w, "Hello from 816tech!")
}

func main() {
    // Set up routes
    http.HandleFunc("/", helloHandler)
    
    // Start server
    fmt.Println("Server starting on :8080")
    if err := http.ListenAndServe(":8080", nil); err != nil {
        log.Fatal(err)
    }
}

JSON Configuration

{
  "name": "816tech-api",
  "version": "2.0.0",
  "description": "Enterprise API service",
  "main": "dist/index.js",
  "scripts": {
    "start": "node dist/index.js",
    "build": "tsc",
    "dev": "nodemon --exec ts-node src/index.ts",
    "test": "jest --coverage"
  },
  "dependencies": {
    "express": "^4.18.0",
    "postgres": "^3.3.0",
    "dotenv": "^16.0.0"
  },
  "devDependencies": {
    "typescript": "^5.0.0",
    "nodemon": "^3.0.0",
    "@types/node": "^20.0.0"
  }
}

Text Formatting

This paragraph demonstrates bold text, italic text, and bold italic text. You can also use strikethrough for deleted content.

Here's an inline code snippet that might reference a function like getAllPosts() or a variable like blogConfig.

Lists

Unordered List

• Open source software solutions
• Enterprise system integration
• Infrastructure design and implementation
  • Network architecture
  • Cloud migration strategies
  • Containerization with Docker/Kubernetes
• Custom application development
• Ongoing support and maintenance

Ordered List

1. Discovery Phase: Understanding your business needs
2. Design Phase: Creating comprehensive technical specifications
3. Development Phase: Building and testing the solution
4. Deployment Phase: Rolling out to production
5. Support Phase: Ongoing maintenance and optimization

Task List (GitHub Flavored Markdown)

• Set up blog infrastructure
• Implement syntax highlighting
• Add markdown parsing
• Create RSS feed
• Add search functionality
• Implement comment system

Blockquotes

"The best way to predict the future is to invent it."
— Alan Kay

Important Note: Always follow security best practices when implementing authentication and authorization in your applications. Never store passwords in plain text, and always use HTTPS in production.

Tables

Technology	Purpose	Status
Nuxt 3	Frontend Framework	✅ Active
Tailwind CSS	Styling	✅ Active
PostgreSQL	Database	✅ Active
Docker	Containerization	✅ Active
Nginx	Web Server	✅ Active
Redis	Caching	🚧 Planned

Links

Here are some useful resources:

• 816tech Homepage
• Our Services
• About Us
• External: Nuxt Documentation

Horizontal Rule

---

Nested Lists with Code

Here's a complex example combining lists and code:

1. Backend Setup

   • Install dependencies: npm install express postgres
   • Configure environment variables
   • Set up database connection:

     const pool = new Pool({
       host: process.env.DB_HOST,
       database: process.env.DB_NAME,
       user: process.env.DB_USER,
       password: process.env.DB_PASSWORD
     })

2. Frontend Integration

   • Create API client
   • Implement error handling
   • Add loading states

3. Testing

   • Write unit tests
   • Perform integration testing
   • Run end-to-end tests

Shell Commands

# Clone the repository
git clone https://github.com/816tech/website.git

# Install dependencies
cd website
npm install

# Start development server
npm run dev

# Build for production
npm run generate

# Deploy to Vercel
vercel --prod

Conclusion

This test post verifies that our markdown rendering works correctly across:

• ✅ Multiple programming languages with syntax highlighting
• ✅ Tables and task lists
• ✅ Nested lists and complex formatting
• ✅ Blockquotes and horizontal rules
• ✅ Links and inline code
• ✅ Light and dark mode theme support

If you're reading this with proper syntax highlighting and formatting, everything is working as expected!