commit 9e3f3cf46b2528a6f7f2a4bccd27eeb9000b2b8a Author: Chris Kruining Date: Tue Sep 24 13:38:55 2024 +0200 initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d16c893 --- /dev/null +++ b/.gitignore @@ -0,0 +1,29 @@ + +dist +.solid +.output +.vercel +.netlify +.vinxi +app.config.timestamp_*.js + +# Environment +.env +.env*.local + +# dependencies +/node_modules + +# IDEs and editors +/.idea +.project +.classpath +*.launch +.settings/ + +# Temp +gitignore + +# System Files +.DS_Store +Thumbs.db diff --git a/README.md b/README.md new file mode 100644 index 0000000..a84af39 --- /dev/null +++ b/README.md @@ -0,0 +1,32 @@ +# SolidStart + +Everything you need to build a Solid project, powered by [`solid-start`](https://start.solidjs.com); + +## Creating a project + +```bash +# create a new project in the current directory +npm init solid@latest + +# create a new project in my-app +npm init solid@latest my-app +``` + +## Developing + +Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: + +```bash +npm run dev + +# or start the server and open the app in a new browser tab +npm run dev -- --open +``` + +## Building + +Solid apps are built with _presets_, which optimise your project for deployment to different environments. + +By default, `npm run build` will generate a Node app that you can run with `npm start`. To use a different preset, add it to the `devDependencies` in `package.json` and specify in your `app.config.js`. + +## This project was created with the [Solid CLI](https://solid-cli.netlify.app) diff --git a/app.config.ts b/app.config.ts new file mode 100644 index 0000000..de7f831 --- /dev/null +++ b/app.config.ts @@ -0,0 +1,3 @@ +import { defineConfig } from "@solidjs/start/config"; + +export default defineConfig({}); diff --git a/bun.lockb b/bun.lockb new file mode 100644 index 0000000..a01ed5a Binary files /dev/null and b/bun.lockb differ diff --git a/package.json b/package.json new file mode 100644 index 0000000..93a1ba6 --- /dev/null +++ b/package.json @@ -0,0 +1,20 @@ +{ + "name": "example-basic", + "type": "module", + "scripts": { + "dev": "vinxi dev", + "build": "vinxi build", + "start": "vinxi start", + "version": "vinxi version" + }, + "dependencies": { + "@solidjs/meta": "^0.29.4", + "@solidjs/router": "^0.14.1", + "@solidjs/start": "^1.0.6", + "solid-js": "^1.8.18", + "vinxi": "^0.4.1" + }, + "engines": { + "node": ">=18" + } +} diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..fb282da Binary files /dev/null and b/public/favicon.ico differ diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..8596998 --- /dev/null +++ b/src/app.css @@ -0,0 +1,39 @@ +body { + font-family: Gordita, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; +} + +a { + margin-right: 1rem; +} + +main { + text-align: center; + padding: 1em; + margin: 0 auto; +} + +h1 { + color: #335d92; + text-transform: uppercase; + font-size: 4rem; + font-weight: 100; + line-height: 1.1; + margin: 4rem auto; + max-width: 14rem; +} + +p { + max-width: 14rem; + margin: 2rem auto; + line-height: 1.35; +} + +@media (min-width: 480px) { + h1 { + max-width: none; + } + + p { + max-width: none; + } +} diff --git a/src/app.tsx b/src/app.tsx new file mode 100644 index 0000000..d1359c8 --- /dev/null +++ b/src/app.tsx @@ -0,0 +1,22 @@ +import { MetaProvider, Title } from "@solidjs/meta"; +import { Router } from "@solidjs/router"; +import { FileRoutes } from "@solidjs/start/router"; +import { Suspense } from "solid-js"; +import "./app.css"; + +export default function App() { + return ( + ( + + SolidStart - Basic + Index + About + {props.children} + + )} + > + + + ); +} diff --git a/src/components/Counter.css b/src/components/Counter.css new file mode 100644 index 0000000..8bd0eb3 --- /dev/null +++ b/src/components/Counter.css @@ -0,0 +1,20 @@ +.increment { + font-family: inherit; + font-size: inherit; + padding: 1em 2em; + color: #335d92; + background-color: rgba(68, 107, 158, 0.1); + border-radius: 2em; + border: 2px solid rgba(68, 107, 158, 0); + outline: none; + width: 200px; + font-variant-numeric: tabular-nums; +} + +.increment:focus { + border: 2px solid #335d92; +} + +.increment:active { + background-color: rgba(68, 107, 158, 0.2); +} \ No newline at end of file diff --git a/src/components/Counter.tsx b/src/components/Counter.tsx new file mode 100644 index 0000000..091fc5d --- /dev/null +++ b/src/components/Counter.tsx @@ -0,0 +1,11 @@ +import { createSignal } from "solid-js"; +import "./Counter.css"; + +export default function Counter() { + const [count, setCount] = createSignal(0); + return ( + + ); +} diff --git a/src/entry-client.tsx b/src/entry-client.tsx new file mode 100644 index 0000000..0ca4e3c --- /dev/null +++ b/src/entry-client.tsx @@ -0,0 +1,4 @@ +// @refresh reload +import { mount, StartClient } from "@solidjs/start/client"; + +mount(() => , document.getElementById("app")!); diff --git a/src/entry-server.tsx b/src/entry-server.tsx new file mode 100644 index 0000000..401eff8 --- /dev/null +++ b/src/entry-server.tsx @@ -0,0 +1,21 @@ +// @refresh reload +import { createHandler, StartServer } from "@solidjs/start/server"; + +export default createHandler(() => ( + ( + + + + + + {assets} + + +

{children}

+ {scripts} + + + )} + /> +)); diff --git a/src/global.d.ts b/src/global.d.ts new file mode 100644 index 0000000..dc6f10c --- /dev/null +++ b/src/global.d.ts @@ -0,0 +1 @@ +/// diff --git a/src/routes/[...404].tsx b/src/routes/[...404].tsx new file mode 100644 index 0000000..4ea71ec --- /dev/null +++ b/src/routes/[...404].tsx @@ -0,0 +1,19 @@ +import { Title } from "@solidjs/meta"; +import { HttpStatusCode } from "@solidjs/start"; + +export default function NotFound() { + return ( +

+ Not Found + +

Page Not Found

+ Visit{" "} + + start.solidjs.com + {" "} + to learn how to build SolidStart apps. +

+ ); +} diff --git a/src/routes/about.tsx b/src/routes/about.tsx new file mode 100644 index 0000000..8371d91 --- /dev/null +++ b/src/routes/about.tsx @@ -0,0 +1,10 @@ +import { Title } from "@solidjs/meta"; + +export default function Home() { + return ( +

+ About +

About

+ ); +} diff --git a/src/routes/index.tsx b/src/routes/index.tsx new file mode 100644 index 0000000..5d557d8 --- /dev/null +++ b/src/routes/index.tsx @@ -0,0 +1,19 @@ +import { Title } from "@solidjs/meta"; +import Counter from "~/components/Counter"; + +export default function Home() { + return ( +

+ Hello World +

Hello world!

+ +

+ Visit{" "} + + start.solidjs.com + {" "} + to learn how to build SolidStart apps. +

+ ); +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..7d5871a --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,19 @@ +{ + "compilerOptions": { + "target": "ESNext", + "module": "ESNext", + "moduleResolution": "bundler", + "allowSyntheticDefaultImports": true, + "esModuleInterop": true, + "jsx": "preserve", + "jsxImportSource": "solid-js", + "allowJs": true, + "strict": true, + "noEmit": true, + "types": ["vinxi/types/client"], + "isolatedModules": true, + "paths": { + "~/*": ["./src/*"] + } + } +}