lokmanekrizou / relate

[ARCHIVED] experimenting React + GraphQL + Next.js web app on the theme of mindfulness

Relate

Relate brings together mindfulness communities, teachers and individuals.
Read the article on Medium
_{Made with ❤︎ by Sébastien Dubois}

Deprecation notice

This project is no longer actively developed. However, I (Sébastien Dubois) am pursuing mindfulness and web development at Imagine Clarity. Do get in touch with us if you want to help spread mindfulness with next-generation web technologies.

Stack

Read this for the reasoning behind the technology choices.

• React rendering
• Redux state management
• Redux-thunk for async/conditional state changes
• GraphQL API query language
• Apollo GraphQL client
• Graphcool GraphQL/lambda backend-as-a-service
• Next.js universal webapp framework (server-side rendering, single-page experience)
• Next-Routes to manage dynamic routing configuration
• Now deployment
• Auth0 user authentication
• lru-cache for server-side caching of HTML pages
• React-ga for Google Analytics
• React-intl for internationalization
• accept-language for detection of browser's language preference
• MailChimp newsletter registration

Development:

• Webpack-bundle-analyzer to visualize the bundled code contents

Development

• git clone https://github.com/relatenow/relate && cd relate
• yarn
• yarn dev
• navigate to http://localhost:3000
• do something amazing 🎉

NB: yarn will create config.js and server/config.js for you (through the postinstall hook). Edit these files to configure integrations such as GraphQL and analytics.

Credit

See the LICENSE file for license rights and limitations (GPLv3).

Copyright (c) 2016-2017 Sébastien Dubois https://sdubois.now.sh.