Retour

May 02, 2025

Style your snippet code with Shiki.

install the commande ligne (Next.js)

terminal

Create a new component /CodeBlock.tsx

CodeBlock.tsx

Create a component with props to better customize your code snippets and to properly reuse it in other components.

CodeBlockWrapper.tsx

On your page, you must call the components.

page.tsx

Enjoy your component 😌

Last update: 02/05/25