# code-block-pro/1.13.0/build/shiki/samples/javascript.sample

Code Block Pro – Beautiful Syntax Highlighting, version 1.13.0. 27 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.13.0/code/build/shiki/samples/javascript.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.13.0/raw/build/shiki/samples/javascript.sample
- Modified: 2022-08-22T22:25:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.13.0/code/build/shiki/samples/javascript.sample#L10-L20`.

```
// posts will be populated at build time by getStaticProps()
function Blog({ posts }) {
  return (
    <ul>
      {posts.map((post) => (
        <li>{post.title}</li>
      ))}
    </ul>
  )
}

// This function gets called at build time on server-side.
export async function getStaticProps() {
  const res = await fetch('https://.../posts')
  const posts = await res.json()

  return {
    props: {
      posts
    }
  }
}

export default Blog

// From https://nextjs.org/docs/basic-features/data-fetching

```