28
28
<div align =" center " >
29
29
30
30
![ React Badge] ( https://img.shields.io/badge/Library-61DAFB?logo=react&logoColor=000&style=flat )
31
- ![ Astro Badge] ( https://img.shields.io/badge/Astro-BC52EE ?logo=astro &logoColor=fff&style=flat )
31
+ ![ Next.js Badge] ( https://img.shields.io/badge/Docs-000 ?logo=nextdotjs &logoColor=fff&style=flat )
32
32
![ Vitest Badge] ( https://img.shields.io/badge/Testing-6E9F18?logo=vitest&logoColor=fff&style=flat )
33
33
![ GitHub releases] ( https://img.shields.io/github/release/pheralb/toast )
34
34
![ npm bundle size] ( https://img.shields.io/bundlephobia/min/%40pheralb%2Ftoast )
@@ -77,9 +77,9 @@ yarn install @pheralb/toast
77
77
``` tsx
78
78
// 📃 root.tsx
79
79
80
- import { Toaster } from ' @pheralb/toast' ;
80
+ import { Toaster } from " @pheralb/toast" ;
81
81
82
- ReactDOM .createRoot (document .getElementById (' root' )! ).render (
82
+ ReactDOM .createRoot (document .getElementById (" root" )! ).render (
83
83
<React.StrictMode >
84
84
<App />
85
85
<Toaster />
@@ -92,16 +92,16 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
92
92
``` jsx
93
93
// 📃 index.tsx
94
94
95
- import { toast } from ' @pheralb/toast' ;
95
+ import { toast } from " @pheralb/toast" ;
96
96
97
97
export default function Index () {
98
98
return (
99
99
<>
100
100
< button
101
101
onClick= {() =>
102
102
toast .success ({
103
- text: ' pheralb/toast' ,
104
- description: ' ✨ A beautiful toast library for React' ,
103
+ text: " pheralb/toast" ,
104
+ description: " ✨ A beautiful toast library for React" ,
105
105
})
106
106
}
107
107
>
@@ -126,9 +126,8 @@ export default function Index() {
126
126
127
127
[ ` pheralb/toast ` ] ( https://github.com/pheralb/toast ) is a monorepo built with [ Turbo] ( https://turbo.build/repo ) and it uses:
128
128
129
- - [ ** Docs** ] ( https://github.com/pheralb/toast/tree/main/docs ) : Astro 5 with Content Layer, shadcn/ui + Tailwind CSS & MDX.
130
- - [ ** Library** ] ( https://github.com/pheralb/toast/tree/main/library ) : React 18 with tsup + Lightning CSS + Vitest for testing.
131
- - [ ** Examples** ] ( https://github.com/pheralb/toast/tree/main/examples ) : Apps to test the library.
129
+ - [ ** Docs** ] ( https://github.com/pheralb/toast/tree/main/docs ) : Next.js 15 + Content-Collections + MDX + shadcn/ui + Lucide + React-Symbols.
130
+ - [ ** Library** ] ( https://github.com/pheralb/toast/tree/main/library ) : React 19 with tsup + Lightning CSS + Vitest for testing.
132
131
133
132
1 . [ Click here to fork] ( https://github.com/pheralb/toast/fork ) the repository.
134
133
@@ -148,7 +147,7 @@ pnpm install
148
147
# Run only documentation website:
149
148
pnpm dev:docs
150
149
151
- # Run all packages with examples :
150
+ # Run all website + packages :
152
151
pnpm dev
153
152
154
153
# Build the docs & library:
@@ -158,8 +157,7 @@ pnpm build
158
157
pnpm test
159
158
```
160
159
161
- - 🧑🚀 Open [ ` http://localhost:4321 ` ] ( http://localhost:4321 ) to view the ** Astro** documentation website.
162
- - 🔎 Open [ ` http://localhost:3000 ` ] ( http://localhost:3000 ) to view the ** Next.js** playground. Only for test the functionality of the library.
160
+ 🧑🚀 Open [ ` http://localhost:3000 ` ] ( http://localhost:4321 ) to view the ** Next.js** documentation website.
163
161
164
162
and create a pull request with your features or fixes 🚀✨.
165
163
0 commit comments