Git Product home page Git Product logo

story.xyz's Introduction

Story.xyz

This is the repo that is used for the Story homepage. We use Next.js, pulling from the Origin Strapi CMS.

Getting Started

First, copy the .env.example:

cp .env.example .env.local

Replace the Strapi CMS env variables.

Then, to run locally:

yarn
yarn dev

Open http://localhost:3000 with your browser to see the result.

story.xyz's People

Contributors

nickick avatar rolandpo avatar edspencer avatar

Stargazers

Ryan McNamara avatar

Watchers

Daniel Von Fange avatar Micah Alcorn avatar Tom Linton avatar Chris avatar Domen Grabec avatar Scott Mitchell avatar James Cloos avatar Franck avatar Josh Fraser avatar Kelly Hwang avatar Rafael Ugolini avatar Matthew Liu avatar Nick Addison avatar Shah avatar  avatar

story.xyz's Issues

Fix text alignment

Whether text is centered, right-aligned, or justified on Strapi, it's right aligned once published on the website. This makes it very difficult to add captions to images in the content.

Pinned Posts for Story/OP Blogs

(Enhancement) Being able to pin 3 posts to the top row on our blog pages would be helpful to highlight important content, such as our new Whitepapers.

Increase H3 Size & Reduce H3 Spacing

H3s show extremely similar to normal text. Prior to the font size being small, I still opted for H2s due to the spacing of H3s. Spacing between body text and H3s can be reduced for better readability and the size needs to be increased.

Example: https://www.story.xyz/how-to-value-NFTs

Fix on all 3 sites:

  • story.xyz
  • ousd.com
  • originprotocol.com

Lazy load images

Google PageSpeed tool reports a low score for story.xyz on mobile.

It provides the following recommendation: "Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Use the next/image component instead of <img> to automatically lazy-load images."

Interestingly we are already using next/image and all images should be returned as webp and lazy loading is the default.
I confirmed it works on desktop. Perhaps there is something specific about mobile?

It would be good to try to run the exact same configuration as used by PageSpeed for their mobile testing to see if we can reproduce. Or perhaps the tool provides an incorrect performance optimization recommendation?

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.