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 → blvdmitry → project-starter

blvdmitry / project-starter

Licence: other
My starter boilerplate for new projects. Totally opinionated :)

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reactgraphqlapollopostcssstarter-kit

Projects that are alternatives of or similar to project-starter

Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+7537.5%)
Mutual labels:  apollo, postcss, starter-kit
React Redux Graphql Apollo Bootstrap Webpack Starter
react js + redux + graphQL + Apollo + react router + hot reload + devTools + bootstrap + webpack starter
Stars: ✭ 127 (+429.17%)
Mutual labels:  apollo, postcss
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: ✭ 91 (+279.17%)
Mutual labels:  apollo, starter-kit
Kit
ReactQL starter kit (use the CLI)
Stars: ✭ 232 (+866.67%)
Mutual labels:  apollo, postcss
Gatsby Starter Alchemy
A Gatsby starter with PostCSS powers ✨🔮
Stars: ✭ 23 (-4.17%)
Mutual labels:  postcss, starter-kit
Polymer Skeleton
💀 Skeleton for Polymer 3 app with Webpack, PostCSS and Service Workers ready.
Stars: ✭ 185 (+670.83%)
Mutual labels:  postcss, starter-kit
Graphql Rails Blog
Blog App built with Rails 5, React and GraphQL
Stars: ✭ 160 (+566.67%)
Mutual labels:  apollo, starter-kit
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+6704.17%)
Mutual labels:  postcss, starter-kit
nextjs-landing-starter
Build your landing site based on Next.JS in minutes 🚀
Stars: ✭ 59 (+145.83%)
Mutual labels:  postcss, starter-kit
browser-extension
Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.
Stars: ✭ 535 (+2129.17%)
Mutual labels:  postcss, starter-kit
bb8
Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖
Stars: ✭ 13 (-45.83%)
Mutual labels:  postcss, starter-kit
Nth Start Project
Startkit for HTML / CSS / JS pages layout.
Stars: ✭ 578 (+2308.33%)
Mutual labels:  postcss, starter-kit
lskjs
Lego Starter Kit — Node.js & React isomorphic app creator (Node.js, Express, React.js, Babel, PostCSS, Webpack)
Stars: ✭ 38 (+58.33%)
Mutual labels:  postcss, starter-kit
starter-kit
🏃 A simple and powerful Starter Kit made with Webpack, Gulp 4, Pug and SASS
Stars: ✭ 21 (-12.5%)
Mutual labels:  postcss, starter-kit
nebuchadnezzar
on the way to cleanest react architechture
Stars: ✭ 15 (-37.5%)
Mutual labels:  apollo, starter-kit
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (+16.67%)
Mutual labels:  postcss, starter-kit
XT-TailwindCSS-Starter
A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.
Stars: ✭ 19 (-20.83%)
Mutual labels:  postcss
polypack
🔥 Polypack - Webpack build stack with focus on performance 🔥
Stars: ✭ 38 (+58.33%)
Mutual labels:  starter-kit
charley-vue-multi
No description or website provided.
Stars: ✭ 47 (+95.83%)
Mutual labels:  starter-kit
vw-layout
Mobile website layout with viewport units
Stars: ✭ 47 (+95.83%)
Mutual labels:  postcss
View All Similar Projects ➔

Project starter

This is a 100% opinionated project starter for JS projects. Can be used for working on the whole app with frontend and backend or just for one of them.

Getting started

  1. Create a .env file in the backend directory. Project relies on it in the code but it's ignored not to make your secret variables public.

  2. Fill .env file with following variables and assign your own values to them instead of these placeholders:

    JWT_SECRET=9DEB5F0FE6560A2D5FD40B8BF2F7A088826026DAF5B3DBBB036F6CAE0B5948EC

  3. Running yarn start in backend and frontend folders will start the project.

Creating new react components

Running yarn plop in frontend folder will prompt for component name and create all the boilerplate for you.

Tech stack

General

GraphQL + Apollo

Frontend

Typescript, React, PostCSS, Webpack

Backend

Node.js, Express

All data is mocked with Apollo

TODO

Frontend:

  • Extract css in production build
  • Add hash to production bundle
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].