Merge pull request #63 from mujtabachang/js-tailwindcss

js-tailwindcss template added
2022-11-29 17:06:53 +01:00
parent d59533759a 6c986d4dea
commit e82936c4aa
11 changed files with 3709 additions and 0 deletions
@@ -0,0 +1,2 @@
 node_modules
 dist
@@ -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.)
@@ -0,0 +1,18 @@
 <!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" />
  <title>Solid App with Tailwind CSS</title>
 </head>
 <body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  <script src="/src/index.jsx" type="module"></script>
 </body>
 </html>
@@ -0,0 +1,22 @@
 {
  "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.8",
    "postcss": "^8.4.16",
    "tailwindcss": "^3.1.8",
    "vite": "^3.0.9",
    "vite-plugin-solid": "^2.3.0"
  },
  "dependencies": {
    "solid-js": "^1.5.1"
  }
 }
@@ -0,0 +1,6 @@
 module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
 }
@@ -0,0 +1,7 @@
 function App() {
  return (
    <p class="text-4xl text-green-700 text-center py-20">Hello Tailwind!</p>
  );
 }
 export default App;
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@@ -0,0 +1,7 @@
 /* @refresh reload */
 import { render } from 'solid-js/web';
 import './index.css';
 import App from './App';
 render(() => <App />, document.getElementById('root'));
@@ -0,0 +1,10 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
 }
@@ -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',
  },
 });