Code Syntax Highlighting

NextWiki supports syntax highlighting for various programming languages using code blocks.

JavaScript

import { useState, useEffect } from 'react';

function Timer() {
  const [seconds, setSeconds] = useState(0);

  useEffect(() => {
    const interval = setInterval(() => {
      setSeconds(seconds => seconds + 1);
    }, 1000);
    return () => clearInterval(interval);
  }, []);

  return (
    <div>
      Seconds: {seconds}
    </div>
  );
}

Python

import requests

def get_data(url):
    try:
        response = requests.get(url)
        response.raise_for_status()  # Raise an exception for bad status codes
        return response.json()
    except requests.exceptions.RequestException as e:
        print(f"Error fetching data: {e}")
        return None

# Example usage
api_url = "https://jsonplaceholder.typicode.com/todos/1"
data = get_data(api_url)
if data:
    print(data)

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<button id="myButton">Click Me</button>

<script src="script.js"></script>
</body>
</html>

CSS

body {
  font-family: sans-serif;
  margin: 20px;
  background-color: #f0f0f0;
}

h1 {
  color: #333;
  text-align: center;
}

#myButton {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#myButton:hover {
  background-color: #0056b3;
}

SQL (PostgreSQL)

-- Select users created in the last week
SELECT
    user_id,
    username,
    email,
    created_at
FROM
    users
WHERE
    created_at >= current_date - interval '7 days'
ORDER BY
    created_at DESC;

Wiki Structure

Code Syntax Highlighting

JavaScript

Python

HTML

CSS

SQL (PostgreSQL)