Comments (9)
Having a hard time tracking down how to fix it (not familiar with react-static's way of doing things) but from what I can tell this seems to be related to the initial static project order vs when the data is loaded in.
Here is the top row of closed-source projects (with the slugs included while I was debugging). These all link to the correct projects and is from the npm run stage
build BEFORE the JS is loaded and overwrites/breaks everything.
As soon as the JS & data is loaded, the order is the same as on the live version
However, the links are still going to the locations for the original order. (Appernetic linking to Watson Content Hub, Bowtie linking to Contentful). This happens for all the remaining projects down the list too.
Interestingly, doesn't happen with the FOSS projects. 🤔
I'll keep digging.
from headlesscms.org.
Hmm can't seem to reproduce this.
from headlesscms.org.
It could be your browser; it seems to work fine in Chrome and IE, but I can reproduce it in both Edge and Firefox. (on Windows 10)
from headlesscms.org.
Works in IE but not FF or Edge? Weird. I'd say it was maybe an newer ES language feature that isn't available in older browsers, but that would count IE out.
from headlesscms.org.
This bug occurs for me on the latest Chrome, Firefox, & Edge.
I currently mainly use chrome 64-bit version 70.0.3538.102 on windows 10 & this problem even occurs for me in an incognito window.
from headlesscms.org.
@rmcfadzean Thanks for making some progress on figuring this out! 😅
from headlesscms.org.
So... I have some bad news and some less bad news.
The bad news is that even after digging, I'm not familiar enough with react-static to work out what's going on there. I just can't get it to play nice.
The less bad news is that in my frustration I started rewriting the project using Gatsby instead of react-static. You can find a live WIP demo here https://headless-gatsby.netlify.com (I'll open up the repo in a little but happy to invite anyone in the meantime)
I'm slooooowly adding in all the old features while also taking a few liberties and adding new ones.
So far I have
- Changed up some project attributes to turn them into a tag-style system
- Implemented some filtering
- Started migrating everything to use styled components (a bit of a learning experience here as I'm more used to sass but it's been fun!)
- Ported over a few test projects & styles
- Kept basically all of the Netlify branding!
- Pages!
- Pulls repo & twitter data on build
So far I don't have
- Repo & twitter data charting/trends/caching
- Sorting of any variety
Are any of the Netlify people interested in this rewrite? Should I keep going? I'm happy to come on as as maintainer if that helps.
PS I ❤️ Netlifly.
from headlesscms.org.
Thanks for digging into this! I'd rather not switch systems to address a bug, we should figure out what the problem is and address it specifically.
from headlesscms.org.
I also noticed this. All links when you hover the cards are messed up.
from headlesscms.org.
Related Issues (20)
- update about page: not build with hugo anymore HOT 1
- Add Kirby HOT 3
- magento not on the list HOT 3
- Incorrectly sorting Github stars (7 days) HOT 1
- Keystone.JS HOT 1
- `.babelrc` doesn't seem to be loaded by react-static HOT 1
- Sort based on Programming language
- Action Required: Fix Renovate Configuration HOT 1
- Shouldn't Wordpress be added? HOT 2
- Show database for each project
- iPhone SEvisualization present issues
- Links go to the wrong place HOT 3
- Error: {"message":"Bad credentials","documentation_url":"https://developer.github.com/v3"}
- 'npm start' fails on clean install HOT 1
- Fix `<code>` color contrast
- Build failing on netlify master HOT 5
- Newly added project not showing on dev HOT 2
- Closed Source not sorted when Github stars trending sorting is on
- Laravel Voyager HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from headlesscms.org.