GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → harrisoncramer → fullstack-template

harrisoncramer / fullstack-template

Licence: other
This is a template repository to get up and running quickly with Vite, React, Jest, Express Docker, and Github Actions for CI/CD.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects
Dockerfile
14818 projects
shell
77523 projects

Labels

reactdockerboilerplateexpresseslintjestsupertesttailwindcssvite

Projects that are alternatives of or similar to fullstack-template

reactjs-vite-tailwindcss-boilerplate
ReactJS + Vite boilerplate to be used with Tailwindcss.
Stars: ✭ 103 (+635.71%)
Mutual labels:  eslint, jest, tailwindcss, vite
ts-nextjs-tailwind-starter
🔋 Next.js + Tailwind CSS + TypeScript starter packed with useful development features
Stars: ✭ 880 (+6185.71%)
Mutual labels:  eslint, jest, tailwindcss
vite-react-ts-tailwind-firebase-starter
Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.
Stars: ✭ 108 (+671.43%)
Mutual labels:  eslint, tailwindcss, vite
nuxt3-app
Nuxt3 (Nuxt 3) best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite
Stars: ✭ 252 (+1700%)
Mutual labels:  tailwindcss, vite
vitesome
A simple opinionated Vue3 Starter Template with Vite.js
Stars: ✭ 124 (+785.71%)
Mutual labels:  tailwindcss, vite
Express-REST-API-Template
Minimal starter project for a Node.js RESTful API based off express generator
Stars: ✭ 26 (+85.71%)
Mutual labels:  eslint, jest
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+450%)
Mutual labels:  eslint, jest
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台，基于 vue3、Nestjs 技术栈实现，包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (+128.57%)
Mutual labels:  eslint, vite
nimbus
Centralized CLI for JavaScript and TypeScript developer tools.
Stars: ✭ 112 (+700%)
Mutual labels:  eslint, jest
db-portfolio
My personal portfolio website.
Stars: ✭ 97 (+592.86%)
Mutual labels:  eslint, tailwindcss
eslint-plugin-tailwind
ESLint rules for Tailwind CSS
Stars: ✭ 97 (+592.86%)
Mutual labels:  eslint, tailwindcss
website
Personal website and blog built with Next.js, Preact, MDX, Tailwind CSS and hosted on Vercel.
Stars: ✭ 17 (+21.43%)
Mutual labels:  eslint, tailwindcss
generator-node
🔧 Yeoman generator for Node projects.
Stars: ✭ 16 (+14.29%)
Mutual labels:  eslint, jest
vite-ts-tailwind-starter
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.
Stars: ✭ 228 (+1528.57%)
Mutual labels:  tailwindcss, vite
webpack
Готовая сборка webpack
Stars: ✭ 21 (+50%)
Mutual labels:  eslint, jest
typescript-nuxtjs-boilerplate
🍱 Nuxt.js with TypeScript and Run with docker and docker-compose 🐶🦄🔥 visit: https://typescript-nuxtjs-boilerplate.netlify.com/example
Stars: ✭ 51 (+264.29%)
Mutual labels:  eslint, jest
gobarber-api-gostack11
API GoBarber / NodeJS / Express / Typescript / SOLID
Stars: ✭ 39 (+178.57%)
Mutual labels:  eslint, jest
ying-template
这是一个基于 `webpack@^5.27.2` + `typescript@^4.2.3` + `@babel/core@^7.2.2` + `jest@^26.6.3` + `eslint@^7.22.0` 的多页面脚手架。
Stars: ✭ 125 (+792.86%)
Mutual labels:  eslint, jest
awesome-vue-boilerplate
😍 Awesome Vue Boilerplate 🥳 Vue 🥰 Vuex, vuex-pathify 🤗 element-ui 🤲 tailwindcss
Stars: ✭ 60 (+328.57%)
Mutual labels:  eslint, tailwindcss
zero
📦 A zero config scripts library
Stars: ✭ 17 (+21.43%)
Mutual labels:  eslint, jest
View All Similar Projects ➔

React Template Repository

This is a template repository for a full-stack, dockerized application using React, Vite, Express, and Tailwind. It includes:

  • Vite for fast reloads
  • Tailwind for utility-first styling
  • Express for SPA backend
  • React-router for routes
  • Lazy-loading for optimization
  • Supertest for backend tests
  • React-Testing-Library for frontend tests
  • Github Actions for CI**
  • Docker for containerization

Installation

npm install

Development

Full Dev: npm run start

Backend only: npm run start:express

Frontend only: npm run start:vite

Tests

npm run test

Docker

Build the image: docker build -t yourusername/yourapp .

Run the image (map the ports): docker run -dit -p 3000:3000 yourusername/yourapp

Github Actions

The github actions in this repository are configured to build and push a Docker image to my account by default. You can either delete the .github folder or configure them with your own account and credentials. You may also delete the docker job, leaving the other CI tests in place.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].