@prokodo/ui 0.0.47 → 0.0.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -8,6 +8,13 @@
8
8
 
9
9
  **Modern, customizable UI components built with React and TypeScript — developed by [prokodo](https://www.prokodo.com) for high-performance web interfaces.**
10
10
 
11
+ [!NOTE]
12
+ > Need help shipping a production **Next.js + Headless CMS** in 4–6 weeks?
13
+ > **prokodo — Next.js CMS agency** → https://www.prokodo.com/en/solution/next-js-cms?utm_source=github&utm_medium=readme_top
14
+ >
15
+ > Sie suchen eine **Next.js Agentur** (Strapi/Contentful/WP)?
16
+ > **prokodo — Next.js CMS Agentur** → https://www.prokodo.com/de/loesung/next-js-cms?utm_source=github&utm_medium=readme_top
17
+
11
18
  [![npm](https://img.shields.io/npm/v/@prokodo/ui?style=flat&color=3178c6&label=npm)](https://www.npmjs.com/package/@prokodo/ui)
12
19
  [![CI](https://github.com/prokodo-agency/ui/actions/workflows/release.yml/badge.svg)](https://github.com/prokodo-agency/ui/actions/workflows/release.yml)
13
20
  [![License: BUSL-1.1](https://img.shields.io/badge/license-BUSL--1.1-blue.svg)](LICENSE)
@@ -29,7 +36,7 @@
29
36
 
30
37
  ## ⚡ Lightweight by Design
31
38
 
32
- Addaptial Island Components (AIC) are fully modular and optimized for modern frameworks (Next.js, Remix, etc.).
39
+ Adaptive Island Components (AIC) are fully modular and optimized for modern frameworks (Next.js, Remix, etc.).
33
40
  Each component is built for **lazy loading**, works seamlessly with **React Server Components (RSC)**, and can be **tree-shaken** out when unused.
34
41
 
35
42
  **Total bundle (all components): ~195 kB gzipped**
@@ -64,7 +71,7 @@ import { Button, type ButtonProps } from "@prokodo/ui/button";
64
71
  export default function Layout() {
65
72
  // Renders to HTML on the server with zero‐JS.
66
73
  // On the client, it will hydrate when scrolled into view or the user interacts.
67
- return <Headline title="Click me"/>;
74
+ return <Button title="Click me"/>;
68
75
  }
69
76
  ```
70
77
 
@@ -77,7 +84,7 @@ import { Button, type ButtonProps } from "@prokodo/ui/button";
77
84
  export default function Layout() {
78
85
  // Renders to HTML on the server with zero‐JS.
79
86
  // On the client, it will hydrate when scrolled into view or the user interacts.
80
- return <Headline title="Click me"/>;
87
+ return <Button title="Click me"/>;
81
88
  }
82
89
  ```
83
90
 
@@ -130,8 +137,8 @@ export default function GalleryPage() {
130
137
 
131
138
  ### Compatibility of the components
132
139
 
133
- - ✅ = Available as AIC (renders zero-JS RSC and self-hydrates when needed) and can also used as a client‐only entry.
134
- - \- = RSC (AIC) only; no client‐side bundle needed. (Useable in both, but best practice to use in RSC only)
140
+ - ✅ = Available as AIC (renders zero-JS RSC and self-hydrates when needed) and can also be used as a client‐only entry.
141
+ - \- = RSC (AIC) only; no client‐side bundle needed. (Usable in both, but best practice to use in RSC only)
135
142
 
136
143
  | Component | ✅ AIC (RSC + optional client) | ✅ SSR-Compatible (`"use client"`) |
137
144
  |-----------------------|:--------------------------------:|:---------------------------------:|
@@ -204,7 +211,7 @@ export const Navbar = createIsland<NavbarProps>({
204
211
 
205
212
  ```
206
213
 
207
- ### 2. Create your lazy wrapper (Navbar.lazy):
214
+ ### 2. Create your lazy-hydrate wrapper (Navbar.lazy):
208
215
 
209
216
  ```tsx
210
217
  'use client'
@@ -237,6 +244,14 @@ export default createLazyWrapper<NavbarProps>({
237
244
  - [ ] Improve **accessibility** to meet **WCAG 2.2 AAA** standards
238
245
  - [ ] Detailed Documentation about the components
239
246
 
247
+ ## Examples (Next.js + Headless CMS)
248
+
249
+ - Next.js + **Strapi** content models
250
+ - Next.js + **Contentful** entries & preview
251
+ - Migration from **Headless WordPress** to Next.js
252
+
253
+ Compare CMS options → [Strapi vs Contentful vs Headless WP](https://www.prokodo.com/de/loesung/next-js-cms?utm_source=github&utm_medium=readme_examples)
254
+
240
255
  ## 📘 Documentation
241
256
 
242
257
  Explore all components and examples in the official Storybook:
@@ -1,4 +1,4 @@
1
- const PROKODO_UI_VERSION = "0.0.47";
1
+ const PROKODO_UI_VERSION = "0.0.48";
2
2
  export {
3
3
  PROKODO_UI_VERSION
4
4
  };
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@prokodo/ui",
3
- "version": "0.0.47",
3
+ "version": "0.0.48",
4
4
  "type": "module",
5
- "description": "Modern, customizable UI components built with React and TypeScript developed by prokodo for high-performance web interfaces.",
5
+ "description": "UI components for production-grade Next.js + Headless CMS (Strapi, Contentful, Headless WordPress) websites by prokodo – built for Core Web Vitals & SEO.",
6
6
  "sideEffects": false,
7
7
  "module": "dist/index.es.js",
8
8
  "types": "dist/types/index.d.ts",
@@ -298,16 +298,23 @@
298
298
  "react-dom": ">=18"
299
299
  },
300
300
  "keywords": [
301
+ "nextjs",
302
+ "next.js",
303
+ "headless cms",
304
+ "strapi",
305
+ "contentful",
306
+ "headless wordpress",
301
307
  "react",
302
308
  "typescript",
303
309
  "component-library",
304
310
  "ui-components",
305
311
  "design-system",
306
- "prokodo",
307
- "npm-package",
308
312
  "css-modules",
309
313
  "storybook",
310
- "frontend"
314
+ "frontend",
315
+ "core web vitals",
316
+ "seo",
317
+ "prokodo"
311
318
  ],
312
319
  "files": [
313
320
  "dist",
@@ -316,6 +323,10 @@
316
323
  ],
317
324
  "author": "prokodo <info@prokodo.com>",
318
325
  "license": "BUSL-1.1",
326
+ "funding": {
327
+ "type": "other",
328
+ "url": "https://www.prokodo.com/de/loesung/next-js-cms/?utm_source=npm&utm_medium=funding"
329
+ },
319
330
  "publishConfig": {
320
331
  "access": "public"
321
332
  },