File tree Expand file tree Collapse file tree 1 file changed +9
-1
lines changed
apps/website/docs/getting-started Expand file tree Collapse file tree 1 file changed +9
-1
lines changed Original file line number Diff line number Diff line change 1
- import Tabs from " @theme/Tabs" ;
2
1
import TabItem from " @theme/TabItem" ;
2
+ import Tabs from " @theme/Tabs" ;
3
3
4
4
# Next.js
5
5
6
6
NativeWind can be used in a Next.js project that is already configured to use Expo or framework-less React Native Web.
7
7
8
8
Setting up a new Next.js project to use React Native Web is out of scope for these instructions.
9
9
10
+ :::info
11
+
12
+ NativeWind will only work with the ` /pages ` router or on ` "use client" ` routes. RSC support is in progress.
13
+
14
+ :::
15
+
10
16
## 1. Setup Tailwind CSS
11
17
12
18
Simply configure Next.js as per [ the Tailwind CSS Next.js setup guide] ( https://tailwindcss.com/docs/guides/nextjs )
@@ -41,6 +47,7 @@ NativeWind requires the `jsxImportSource` to be set to `nativewind`. The option
41
47
}
42
48
}
43
49
```
50
+
44
51
</TabItem >
45
52
<TabItem value = " babel" label = " Babel" >
46
53
@@ -59,6 +66,7 @@ module.exports = {
59
66
};
60
67
61
68
```
69
+
62
70
</TabItem >
63
71
</Tabs >
64
72
You can’t perform that action at this time.
0 commit comments