You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/web/content/blog/v1.mdx
+10-8Lines changed: 10 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,8 +1,8 @@
1
1
---
2
-
title: Announcing Code Hike v1.0
2
+
title: Announcing Code Hike 1.0
3
3
description: A new approach to turn markdown into rich interactive experiences
4
4
authors: [pomber]
5
-
date: 2024-08-16
5
+
date: 2024-08-27
6
6
draft: true
7
7
---
8
8
@@ -13,13 +13,15 @@ import {
13
13
Sponsors,
14
14
} from"./v1"
15
15
16
-
After a year of exploration and development, I’m thrilled to announce the stable release of Code Hike v1.0!
16
+
After a year of exploration and development, I’m thrilled to announce the stable release of Code Hike 1.0!
17
17
18
18
## What is Code Hike?
19
19
20
-
Code Hike is an open-source library designed to encourage the authoring of technical content that takes full advantage of the modern web.
20
+
Code Hike is an open-source library that bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web.
21
21
22
-
Code Hike v1 introduces two new features: **fine-grained markdown** and **headless codeblocks**.
22
+
While **the main use cases are code walkthroughs and interactive documentation**, Code Hike can be used for any combination of content and presentation. And since it's all React components, it can be rendered anywhere React can be rendered.
23
+
24
+
Code Hike 1.0 introduces two new features: **fine-grained markdown** and **headless codeblocks**.
23
25
24
26
### Fine-grained Markdown
25
27
@@ -117,7 +119,7 @@ content = {
117
119
118
120
</FineGrained>
119
121
120
-
Code Hike also integrates nicely with [Zod schemas](docs/concepts/blocks#schema) giving you type-safe Markdown.
122
+
Code Hike also integrates nicely with [Zod schemas](docs/concepts/blocks#schema), giving you type-safe Markdown.
121
123
122
124
Learn more:
123
125
@@ -127,7 +129,7 @@ Learn more:
127
129
128
130
### Headless Codeblocks
129
131
130
-
With Code Hike v1, you can build your own component library for codeblocks.
132
+
With Code Hike 1.0, you can build your own component library for codeblocks.
131
133
132
134
- Use React components to define UI and behaviors: tooltips, animations, line numbers, diffs, copy buttons, collapse, fold, footnotes, links, tabs, callouts, language switchers, or whatever you can imagine.
133
135
- Then add comments inside your codeblocks to make use of those components
@@ -210,7 +212,7 @@ Videos, slides, screenshots. Code Hike makes separating content from presentatio
210
212
211
213
Landing pages, marketing sites, portfolios. It doesn't even need content related to programming. Code Hike helps you keep the content separated from the design.
212
214
213
-
## Try Code Hike v1
215
+
## Try Code Hike 1.0
214
216
215
217
Try it online on [StackBlitz](https://stackblitz.com/github/code-hike/v1-starter?file=app%2Fpage.mdx), or clone the Code Hike v1 starter:
Copy file name to clipboardExpand all lines: readme.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
### Build rich content websites with Markdown and React
2
2
3
-
Code Hike is an open-source library designed to encourage the authoring of technical content that takes full advantage of the modern web.
3
+
Code Hike is an open-source library that bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web.
0 commit comments