Mimeo



Find 365 ways to say MIMEO, along with antonyms, related words, and example sentences at Thesaurus.com, the world's most trusted free thesaurus. Affoardable Interactive teaching technologies and educational systems including MimioTeach, MimioView, MimioVote by Mimio, A favorite brand for educators.

Complete collection of optical frames for all walks of life. If you are looking to be either Trendy+Fun, Smart Formal or Cool Classics, we have something for you.

our frames ›

While some customers hunt down the best deals, some value quality above all. Whether affordable or premium, we have them both at competitive prices. See it to believe it.

our single vision lenses ›

our progressive lenses ›

We like to keep things simple. We give you the right kind of service. Nothing more, nothing less, just the way you like it. Our prices are clearly listed so that you know exactly what you are paying for.

about us ›

Why walk into a retail store and join the crowd? We provide personalized service and commit our time to you during your appointment. You can freely browse through our frames without any pressure. Making an appointment is a breeze. Simply choose your desired time-slot preferably 2 days in advance and we will get back to you with the confirmation.

book appointment >

Welcome to MimeoJS

The stencil duplicator or mimeograph machine (often abbreviated to mimeo) is a low-cost duplicating machine that works by forcing ink through a stencil onto paper.wikipedia

Mimeo.com

MimeoJS combines the power of StencilJS with the ease of GatsbyJS to create awesome websites and apps.

What does it do?

Mimeo

As a front-end developer it’s a pain to write code in one way when you add CSS/JS in a back-end CMS and in a different way when you add them to your front-end app, gatsby solves this by basically creating a hydrated version of a ReactJS app with data provided from a build-time GraphQL server (I’m over simplifying here, but hey). This makes front-end developers happy because templates look and feel like React components (sort of) and back-end developers are happy because there’s a declarative way of exposing the whole taxonomy and data of a site through a common API (GraphQL).

As awesome as GatsbyJS and ReactJS are I want to re-invent the wheel because:

  • I love StencilJS and I think that web-components are the atoms of what the future of the web is about.
  • GraphQL is awesome but do I really want to do my markdown-to-html rendering on the server (for example)?
  • I beleive in UNIX pipes and think a CMS should be built in small pieces.

How does it work

StencilJS already supports prerendering so we’re going to leverage that, possibly together with the hydrate app depending on how data is provided.

One thing I have to admit that GatsbyJS got right is that you want a unified data-access pipeline and that GraphQL is the correct protocol for it, but I’m not 100% convinced that putting all your logic there is the correct thing. So the idea is to use GraphQL to fetch content for pages, and for this GraphQL server to only have to be avaliable during build time.

Mimeo Photo Books

It’s trivial to set upp a StencilJS app that uses stencil-router or similar to parse parameters from the URL and fetch some data over GraphQL to display on the page, actually this is how most of us write a basic front-end application today. But what pages to I need to render?

Mimeograph smell

In GatbyJS you get this fancy gatsby-node.js file that you can use to call the internal API’s to tell the build server what pages should be generated, however flexible this is I just find it annoying.

There’s an old-school way of defining possible routes on your web site, a sitemap.xml. So the default way is just to make one of those and the rendering process will use that as input. If that’s not enoug I’m thinkning a sitemap.ts would be easy enough to implement so that whoever want more flexibility can get it.

Is there secret sauce?

Possibly. I’m thinking that injecting a different GraphQL client during SSR than post-hydration to get a division between static/dynamic content without having to do anything with your client code.

Mimeograph Definition

Another thing would be serializing any access data during SSR into the HTML but in such a way that it would populate something like apollo-cache-inmemory so data access done after re-hydration is available without reloading.

Mimeograph Definition

What’s up with the logo?

Mimeogrph

Stole it from here Where I found out that 謄 (if I understand it correctly) means “Mimeograph” - perfect.