Wes-Coburn / template-MERN-app

Template for a full-stack MERN app with TypeScript and TailwindCSS.

Template-MERN-App

@Wes-Coburn

npx degit Wes-Coburn/template-MERN-app my-app

---

Description

-> Template for a full-stack MERN app with TypeScript and TailwindCSS.

Technologies

• JavaScript
• TypeScript
• React
• Redux
• React-Router
• TailwindCSS
• Vite
• Vitest
• Node
• React Testing Library
• React-Helmet
• ESLint

Development

TODO!

• Create 'server/config.env' with 'config.sample-env' structure.
• Create 'client/.env' with '.sample-env' structure.
  • Alternatively, configure secrets in your deployment.
• Update manifest.json
• Update appInfo.json
• Update sitemap.xml
• Update robots.txt
• Remove responsive.ts unless mobile subdomain is configured ('m.')

Scripts

## INSTALL
# install all packages
npm run install-all
# [NOT RECOMMENDED] install and update all packages (uses npm-check-updates)
npm run install-update

## START
# spin up a local server on port 5050
npm run start:server
# start the client
npm run start:client

## TEST
# run all tests (uses Vitest and React Testing Library)
npm test

## FORMAT
# format all directories (uses ESLint, Prettier, and eslint-plugin-prettier)
npm run format
npm run format:fix # apply changes (uses 'eslint --fix' and 'prettier --write')

## TAILWIND
# start the Tailwind CLI build process
npx tailwindcss -i ./src/main.css -o ./dist/output.css --watch