Vite subproject for fast iteration
This commit is contained in:
Araozu
parent
f011beac36
commit
bcea70c52d
34
frontend-dev/README.md
Normal file
34
frontend-dev/README.md
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
## Usage
|
||||||
|
|
||||||
|
Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`.
|
||||||
|
|
||||||
|
This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template.
|
||||||
|
|
||||||
|
```bash
|
||||||
|
$ npm install # or pnpm install or yarn install
|
||||||
|
```
|
||||||
|
|
||||||
|
### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
|
||||||
|
|
||||||
|
## Available Scripts
|
||||||
|
|
||||||
|
In the project directory, you can run:
|
||||||
|
|
||||||
|
### `npm dev` or `npm start`
|
||||||
|
|
||||||
|
Runs the app in the development mode.<br>
|
||||||
|
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
|
||||||
|
|
||||||
|
The page will reload if you make edits.<br>
|
||||||
|
|
||||||
|
### `npm run build`
|
||||||
|
|
||||||
|
Builds the app for production to the `dist` folder.<br>
|
||||||
|
It correctly bundles Solid in production mode and optimizes the build for the best performance.
|
||||||
|
|
||||||
|
The build is minified and the filenames include the hashes.<br>
|
||||||
|
Your app is ready to be deployed!
|
||||||
|
|
||||||
|
## Deployment
|
||||||
|
|
||||||
|
You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.)
|
||||||
16
frontend-dev/index.html
Normal file
16
frontend-dev/index.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="theme-color" content="#000000" />
|
||||||
|
<link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
|
||||||
|
<title>Solid App</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
|
<div id="root"></div>
|
||||||
|
|
||||||
|
<script src="/src/index.tsx" type="module"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
frontend-dev/package.json
Normal file
24
frontend-dev/package.json
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
{
|
||||||
|
"name": "vite-template-solid",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"description": "",
|
||||||
|
"scripts": {
|
||||||
|
"start": "vite",
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"serve": "vite preview"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^10.4.14",
|
||||||
|
"postcss": "^8.4.23",
|
||||||
|
"tailwindcss": "^3.3.2",
|
||||||
|
"typescript": "^4.9.5",
|
||||||
|
"vite": "^4.1.1",
|
||||||
|
"vite-plugin-solid": "^2.5.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"class-validator": "^0.14.0",
|
||||||
|
"solid-js": "^1.6.10"
|
||||||
|
}
|
||||||
|
}
|
||||||
1484
frontend-dev/pnpm-lock.yaml
Normal file
1484
frontend-dev/pnpm-lock.yaml
Normal file
File diff suppressed because it is too large
Load Diff
6
frontend-dev/postcss.config.js
Normal file
6
frontend-dev/postcss.config.js
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
6
frontend-dev/src/index.tsx
Normal file
6
frontend-dev/src/index.tsx
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/* @refresh reload */
|
||||||
|
import { render } from 'solid-js/web';
|
||||||
|
import { Certs } from "../../src/views/Certs";
|
||||||
|
import "../../static/tailwind.css"
|
||||||
|
|
||||||
|
render(() => <Certs />, document.getElementById("root")!);
|
||||||
29
frontend-dev/tailwind.config.js
Normal file
29
frontend-dev/tailwind.config.js
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
/** @type {import("tailwindcss").Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: [
|
||||||
|
"./src/**/*.tsx",
|
||||||
|
"../src/**/*.tsx"
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
colors: {
|
||||||
|
"c-primary": "var(--c-primary)",
|
||||||
|
"c-on-primary": "var(--c-on-primary)",
|
||||||
|
"c-primary-container": "var(--c-primary-container)",
|
||||||
|
"c-on-primary-container": "var(--c-on-primary-container)",
|
||||||
|
"c-error": "var(--c-error)",
|
||||||
|
"c-on-error": "var(--c-on-error)",
|
||||||
|
"c-error-container": "var(--c-error-container)",
|
||||||
|
"c-on-error-container": "var(--c-on-error-container)",
|
||||||
|
"c-background": "var(--c-background)",
|
||||||
|
"c-on-background": "var(--c-on-background)",
|
||||||
|
"c-surface": "var(--c-surface)",
|
||||||
|
"c-on-surface": "var(--c-on-surface)",
|
||||||
|
"c-outline": "var(--c-outline)",
|
||||||
|
"c-surface-variant": "var(--c-surface-variant)",
|
||||||
|
"c-on-surface-variant": "var(--c-on-surface-variant)"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
plugins: []
|
||||||
|
};
|
||||||
|
|
||||||
15
frontend-dev/tsconfig.json
Normal file
15
frontend-dev/tsconfig.json
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"strict": true,
|
||||||
|
"target": "ESNext",
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"jsxImportSource": "solid-js",
|
||||||
|
"types": ["vite/client"],
|
||||||
|
"noEmit": true,
|
||||||
|
"isolatedModules": true
|
||||||
|
}
|
||||||
|
}
|
||||||
12
frontend-dev/vite.config.ts
Normal file
12
frontend-dev/vite.config.ts
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
import { defineConfig } from 'vite';
|
||||||
|
import solidPlugin from 'vite-plugin-solid';
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [solidPlugin()],
|
||||||
|
server: {
|
||||||
|
port: 3000,
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
target: 'esnext',
|
||||||
|
},
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user