@@ -6,14 +6,81 @@ Create a new React monorepo with the following command:
66
77```
88$ cd hatch-project/src # navigate to the 'hatch-project/src' sub-directory, previously created by hatch
9+ $ mv hatch_project original_hatch_project # temporarily rename the hatch_project directory so nx will not complain
910$ npx create-nx-workspace@latest hatch_project --preset=react-monorepo
1011```
1112
1213When prompted, provide the following answers:
1314
15+ ```
16+ Need to install the following packages:
17+ create-nx-workspace@20.4.0
18+ Ok to proceed? (y)
19+ ```
20+
21+ Click y & ENTER
22+
1423```
1524NX Let's create a new workspace [https://nx.dev/getting-started/intro]
1625
26+ ? Application name hatch_project
27+ ```
28+
29+ Click ENTER.
30+
31+ ```
32+ ? Which bundler would you like to use?
33+ Vite [ https://vitejs.dev/ ]
34+ Webpack [ https://webpack.js.org/ ]
35+ Rspack [ https://www.rspack.dev/ ]
36+ ```
37+
38+ Highlight ** Webpack** with the arrow keys and click ENTER.
39+
40+ ```
41+ ? Test runner to use for end to end (E2E) tests ...
42+ Playwright [ https://playwright.dev/ ]
43+ Cypress [ https://www.cypress.io/ ]
44+ None
45+ ```
46+
47+ Highlight ** Playwright** with the arrow keys and click ENTER.
48+
49+ ```
50+ ? Default stylesheet format ...
51+ CSS
52+ SASS(.scss) [ https://sass-lang.com ]
53+ LESS [ https://lesscss.org ]
54+ tailwind [ https://tailwindcss.com ]
55+ styled-components [ https://styled-components.com ]
56+ emotion [ https://emotion.sh ]
57+ styled-jsx [ https://www.npmjs.com/package/styled-jsx ]
58+ ```
59+
60+ Highlight ** tailwindcss** with the arrow keys and click ENTER.
61+
62+
63+ ```
64+ ? Which CI provider would you like to use? ...
65+ GitHub Actions
66+ Gitlab
67+ Azure DevOps
68+ BitBucket Pipelines
69+ Circle CI
70+
71+ Do it later
72+ ```
73+
74+ Highlight ** GitHub Actions** with the arrow keys and click ENTER.
75+
76+ It will respond with:
77+
78+ ```
79+ NX Creating your v20.4.0 workspace.
80+
81+ Installing dependencies with npm
82+ Creating your workspace in hatch_project
83+
1784
1885```
1986
@@ -48,4 +115,6 @@ This will generate the following file and directory structure underneath the ```
48115 └─ package.json
49116```
50117
118+ ** Important** : Move all files previously in ``` original_hatch_project`` to ``` hatch_project``` and delete ``` original_hatch_project```!
119+
51120MORE ...
0 commit comments