Skip to content

Commit 1bea099

Browse files
brenelzbrenelz
committed
setup start-clerk-basic for solid
1 parent 0a8578f commit 1bea099

33 files changed

+1791
-11
lines changed

‎examples/solid/start-clerk-basic/.env‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
VITE_CLERK_PUBLISHABLE_KEY=pk_test_YWJvdmUtZG9yeS0zMy5jbGVyay5hY2NvdW50cy5kZXYk
2+
CLERK_SECRET_KEY=sk_test_DHymWbYn0Q9yxxKfsFLQxBEoxTVSTSw7GCVB17GJ8i

‎examples/solid/start-clerk-basic/.gitignore‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
node_modules
2+
package-lock.json
3+
yarn.lock
4+
5+
!.env
6+
.DS_Store
7+
.cache
8+
.vercel
9+
.output
10+
.nitro
11+
/build/
12+
/api/
13+
/server/build
14+
/public/build# Sentry Config File
15+
.env.sentry-build-plugin
16+
/test-results/
17+
/playwright-report/
18+
/blob-report/
19+
/playwright/.cache/
20+
.tanstack

‎examples/solid/start-clerk-basic/.prettierignore‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
**/build
2+
**/public
3+
pnpm-lock.yaml
4+
routeTree.gen.ts

‎examples/solid/start-clerk-basic/.vscode/settings.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"files.watcherExclude": {
3+
"**/routeTree.gen.ts": true
4+
},
5+
"search.exclude": {
6+
"**/routeTree.gen.ts": true
7+
},
8+
"files.readonlyInclude": {
9+
"**/routeTree.gen.ts": true
10+
}
11+
}

‎examples/solid/start-clerk-basic/README.md‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
# Welcome to TanStack.com!
2+
3+
This site is built with TanStack Router!
4+
5+
- [TanStack Router Docs](https://tanstack.com/router)
6+
7+
It's deployed automagically with Netlify!
8+
9+
- [Netlify](https://netlify.com/)
10+
11+
## Development
12+
13+
From your terminal:
14+
15+
```sh
16+
pnpm install
17+
pnpm dev
18+
```
19+
20+
This starts your app in development mode, rebuilding assets on file changes.
21+
22+
## Editing and previewing the docs of TanStack projects locally
23+
24+
The documentations for all TanStack projects except for `React Charts` are hosted on [https://tanstack.com](https://tanstack.com), powered by this TanStack Router app.
25+
In production, the markdown doc pages are fetched from the GitHub repos of the projects, but in development they are read from the local file system.
26+
27+
Follow these steps if you want to edit the doc pages of a project (in these steps we'll assume it's [`TanStack/form`](https://github.com/tanstack/form)) and preview them locally :
28+
29+
1. Create a new directory called `tanstack`.
30+
31+
```sh
32+
mkdir tanstack
33+
```
34+
35+
2. Enter the directory and clone this repo and the repo of the project there.
36+
37+
```sh
38+
cd tanstack
39+
git clone [email protected]:TanStack/tanstack.com.git
40+
git clone [email protected]:TanStack/form.git
41+
```
42+
43+
> [!NOTE]
44+
> Your `tanstack` directory should look like this:
45+
>
46+
> ```
47+
> tanstack/
48+
> |
49+
> +-- form/
50+
> |
51+
> +-- tanstack.com/
52+
> ```
53+
54+
> [!WARNING]
55+
> Make sure the name of the directory in your local file system matches the name of the project's repo. For example, `tanstack/form` must be cloned into `form` (this is the default) instead of `some-other-name`, because that way, the doc pages won't be found.
56+
57+
3. Enter the `tanstack/tanstack.com` directory, install the dependencies and run the app in dev mode:
58+
59+
```sh
60+
cd tanstack.com
61+
pnpm i
62+
# The app will run on https://localhost:3000 by default
63+
pnpm dev
64+
```
65+
66+
4. Now you can visit http://localhost:3000/form/latest/docs/overview in the browser and see the changes you make in `tanstack/form/docs`.
67+
68+
> [!NOTE]
69+
> The updated pages need to be manually reloaded in the browser.
70+
71+
> [!WARNING]
72+
> You will need to update the `docs/config.json` file (in the project's repo) if you add a new doc page!

‎examples/solid/start-clerk-basic/package.json‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"name": "tanstack-start-example-solid-clerk-basic",
3+
"private": true,
4+
"sideEffects": false,
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite dev",
8+
"build": "vite build && tsc --noEmit",
9+
"start": "vite start"
10+
},
11+
"dependencies": {
12+
"@clerk/tanstack-react-start": "^0.26.3",
13+
"@tanstack/solid-router": "^1.134.15",
14+
"@tanstack/solid-router-devtools": "^1.134.15",
15+
"@tanstack/solid-start": "^1.134.15",
16+
"clerk-solidjs": "^2.0.10",
17+
"redaxios": "^0.5.1",
18+
"solid-js": "1.9.10",
19+
"srvx": "0.8.15",
20+
"tailwind-merge": "^2.6.0",
21+
"vite-plugin-solid": "^2.11.10"
22+
},
23+
"devDependencies": {
24+
"@tailwindcss/postcss": "^4.1.15",
25+
"@types/node": "^22.5.4",
26+
"postcss": "^8.5.1",
27+
"tailwindcss": "^4.1.15",
28+
"typescript": "^5.7.2",
29+
"vite": "^7.1.7",
30+
"vite-tsconfig-paths": "^5.1.4"
31+
}
32+
}

‎examples/solid/start-clerk-basic/postcss.config.mjs‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
export default {
2+
plugins: {
3+
'@tailwindcss/postcss': {},
4+
},
5+
}

‎examples/solid/start-clerk-basic/public/android-chrome-192x192.png‎

29.3 KB
Loading

‎examples/solid/start-clerk-basic/public/android-chrome-512x512.png‎

107 KB
Loading

‎examples/solid/start-clerk-basic/public/apple-touch-icon.png‎

26.6 KB
Loading

0 commit comments

Comments
 (0)