├── assets ├── js │ └── main.js └── css │ └── index.css ├── postcss.config.js ├── tailwind.config.js ├── vite.config.js ├── .gitignore ├── package.json ├── index.html ├── LICENSE ├── .github └── workflows │ └── deploy.yml └── README.md /assets/js/main.js: -------------------------------------------------------------------------------- 1 | // Write your javascript code here 2 | -------------------------------------------------------------------------------- /assets/css/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | export default { 3 | content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | }; 9 | -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | import { resolve } from "path"; 3 | 4 | export default defineConfig({ 5 | // base: '/YOUR_BASE/' 6 | // build: { 7 | // rollupOptions: { 8 | // input: { 9 | // // main: resolve(__dirname, "index.html"), 10 | // }, 11 | // }, 12 | // }, 13 | }); 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vite-html-tailwind", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "autoprefixer": "^10.4.16", 13 | "postcss": "^8.4.32", 14 | "tailwindcss": "^3.4.0", 15 | "vite": "^5.0.8" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 | 12 | 13 |
Hello Vite HTML & Tailwind!
14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024-PRESENT Anbuselvan Rocky 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.github/workflows/deploy.yml: -------------------------------------------------------------------------------- 1 | # Simple workflow for deploying static content to GitHub Pages 2 | name: Deploy to GH Pages 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ["main"] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow one concurrent deployment 19 | concurrency: 20 | group: "pages" 21 | cancel-in-progress: true 22 | 23 | jobs: 24 | # Single deploy job since we're just deploying 25 | deploy: 26 | environment: 27 | name: github-pages 28 | url: ${{ steps.deployment.outputs.page_url }} 29 | runs-on: ubuntu-latest 30 | steps: 31 | - name: Checkout 32 | uses: actions/checkout@v4 33 | - name: Set up Node 34 | uses: actions/setup-node@v3 35 | with: 36 | node-version: 18 37 | cache: "npm" 38 | - name: Install dependencies 39 | run: npm install 40 | - name: Build 41 | run: npm run build 42 | - name: Setup Pages 43 | uses: actions/configure-pages@v3 44 | - name: Upload artifact 45 | uses: actions/upload-pages-artifact@v2 46 | with: 47 | # Upload dist repository 48 | path: "./dist" 49 | - name: Deploy to GitHub Pages 50 | id: deployment 51 | uses: actions/deploy-pages@v2 52 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Your App Title 2 | 3 | Write app description in detail! 4 | 5 | #### Screenshots 6 | 7 | [Yet to be uploaded] 8 | 9 | ## 🎉 Check it yourself! 10 | 11 | | 🚧 Build Status | [![Netlify Status](https://img.shields.io/github/actions/workflow/status/anburocky3/festival-greeting-app/deploy.yml?logo=github&label=Live)](https://app.netlify.com/sites/cyberdude-internship/deploys) | 12 | | ---------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | 13 | | ✅ Live Website: | https://anburocky3.github.io/vite-html-tailwind | 14 | 15 | --- 16 | 17 | ### GitHub Template 18 | 19 | [Create a repo from this template on GitHub](https://github.com/anburocky3/vite-html-tailwind/generate). 20 | 21 | ### Clone to local 22 | 23 | If you prefer to do it manually with the cleaner git history 24 | 25 | ```bash 26 | npx degit anburocky3/vite-html-tailwind my-app 27 | cd my-app 28 | npm install # Install dependencies 29 | ``` 30 | 31 | ## Checklist 32 | 33 | When you use this template, try follow the checklist to update your info properly 34 | 35 | - [ ] Change the author name in `LICENSE` 36 | - [ ] Change the title and unnecessary info in `index.html` 37 | - [ ] According to your usage, modify READMEs 38 | 39 | And, enjoy :) 40 | 41 | ## Usage 42 | 43 | ### Development 44 | 45 | ```bash 46 | npm run dev 47 | ``` 48 | 49 | Just run and visit http://localhost:5173 50 | 51 | 52 | ### Build 53 | 54 | To build the App, run 55 | 56 | ```bash 57 | npm run build 58 | ``` 59 | 60 | And you will see the generated file in `dist` that ready to be served. 61 | 62 | ### Preview 63 | 64 | To preview the build files, run 65 | 66 | ```bash 67 | npm run preview 68 | ``` 69 | 70 | ### Deployment 71 | 72 | - Go to repository `Setting`. 73 | 74 | Screenshot-2024-01-14-235556 75 | 76 | - Select `Pages`. 77 | 78 | Screenshot-2024-01-14-235801 79 | 80 | - Select `GitHub Actions` under `Build and Deployment`. 81 | 82 | Screenshot-2024-01-14-235908 83 | 84 | #### LICENSE: [MIT](./LICENSE) 85 | 86 | #### Authors: 87 | 88 | - [Anbuselvan Rocky](https://fb.me/anburocky3) 89 | 90 | [![Deploy to GH Pages](https://github.com/anburocky3/vite-html-tailwind/actions/workflows/deploy.yml/badge.svg)](https://github.com/anburocky3/vite-html-tailwind/actions/workflows/deploy.yml) 91 | --------------------------------------------------------------------------------