Overview:
This product is a boilerplate kit that allows users to easily start experimenting with Apollo, Meteor, React, PWA, and Styled Components. It includes a GraphQL server running with Express, Apollo 2, React 16, Redux, authentication options, ES6 syntax, styled components, storybook, sanitize.css, basscss, basic admin functionality, code splitting, and Progressive Web App features.
Features:
- GraphQL server running with Express
- Apollo 2
- React 16
- Redux
- Authentication options including password and Facebook login via Meteor accounts
- ES6 syntax
- Styled components
- Storybook
- Sanitize.css
- Basscss
- Basic admin functionality via alanning:roles
- Code splitting on startup and router level
- Progressive Web App features including service-worker, caching, add to home screen, push notifications, and app shell architecture
Installation:
- Clone the project and install NPM dependencies.
- Create a settings.json file based on the provided settings.sample.json.
- Register the app on Mailgun and include the required credentials in the settings.json file.
- Register the app on Facebook and include the appId and secret key in the settings.json file.
- Setup Push Notifications Service by creating a manifest-pwa.json file and obtaining the GCM server key and sender id from Firebase. Include the necessary information in both the manifest-pwa.json and settings.json files.
- Run the app locally. GraphiQL should be available at http://localhost:3000/graphiql.
- Deploy the app to Heroku by following the provided steps.
Summary:
Overall, this boilerplate kit provides all the necessary tools and functionality to start experimenting with Apollo, Meteor, React, PWA, and Styled Components. It includes a GraphQL server, authentication options, code splitting, and Progressive Web App features. The installation process is outlined step by step, making it easy for users to get started with the kit.