Git Product home page Git Product logo

blog-code's Introduction

blog code

Code samples used in my blog posts covering FaaS with Cloud Functions, BaaS with Firebase and Server-side Rendered (SSR) React with Next.js.

styled with Prettier

πŸ’» tech covered in the blog

  • Firebase - "Serverless" Backend as a Service for web and mobile.
  • Cloud Functions for Firebase - Google's ephemeral compute offering wrapped with Firebase for clear & simple deployment & management.
  • Next.js - Server-Side Rendered React framework with bundle splitting and offline caching.
  • GraphQL - A query language for you API.
  • Apollo Server & Client - GraphQL ExpressJS Server and GraphQL Client with query caching for any UI.

πŸ““ posts & code πŸ’»

Technical Blog posts Repo/Folder
Exploring Cloud Functions for Firebase --
Babel & preset-env --
ES6+ in Cloud Functions for Firebase #2 firebase-functions-babel-example
Express.js on Cloud Functions for Firebase firebase-functions-express
GraphQL Server on Cloud Functions for Firebase firebase-functions-graphql-example
Next.js on Cloud Functions for Firebase with Firebase Hosting firebase-functions-next-example
Firebase Package Names and BundleΒ Sizes firebase-namespaced-packages
TBA gcp-functions-graphql
Other Blog posts
GitHub & Medium withΒ Embedly

πŸ—’οΈ notes on examples

These examples use Yarn for all npm scripts, so either install Yarn or replace all uses of yarn in the scripts with npm run.

Firebase CLI is recommended to be used with the Node.js 8.9.x LTS, however the Cloud Function runtime is still using Node.js 6.11.5. As such, this repo enforces Node.js 8.9.4 (in the .tool-versions file used by asdf) and it's recommended to compile your code to 6.11.5 (or not use any Node features from > Node.js v7.

I use CodeSandbox not as a development playground, but as a means to keep my code snippets in Medium in sync with this repo. Do not expect these examples to execute in CodeSandbox.

πŸ”§ code compatibility

Everything was tested on Ubuntu 17.10. If you wish for Windows native support please submit an issue so we can work on a Windows branch. Please report any macOS errors as I do not have access to a device to test. My development environment can be found here.

πŸ‘¨β€πŸ‘©β€πŸ‘§β€πŸ‘¦ contributions

Contributions are welcome!

Please note: I do intend to write a blog post about each of the examples here. I have a lot of examples in various stages of progress that I will release when I have the blog post written. If you wish to contribute to examples prior to a post being written I will of course credit all contributions to each particular example πŸ˜„

If you have a request please open an issue so we can discuss how & why it should be implemented.

πŸ’» developer tools used

  • asdf - extendable version manager with support for Node, Ruby, Go, Python and more!
  • Yarn - NodeJS package manager
  • PrettierJS - Opinionated Code Formatter.

πŸ‘¨β€πŸ’» find me...

blog-code's People

Contributors

jthegedus avatar

Watchers

James Cloos avatar Sampson Oliver avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.