This is the source code for my personal website and blog, hosted at https://francoisbest.com
Built with:
And many others!
- Inspiration is welcome
- No plagiarism
Made with ❤️ by François Best - Sponsor my work
Homepage & blog
Home Page: https://francoisbest.com
License: Other
This is the source code for my personal website and blog, hosted at https://francoisbest.com
Built with:
And many others!
Made with ❤️ by François Best - Sponsor my work
Pages that require ISR refreshing (eg: /open-source
) fail if they embed a blog post or anything that calls the filesystem.
Could be due to bundling failing to pick the dependency.
Multiple options here:
*
on feedshttps://github.com/jpmonette/feed
https://jolvera.dev/posts/rebuilding-my-blog-with-nextjs
Example output:
https://gateway.ipfs.io/ipns/blog.ipfs.io/index.xml
View counters expire after 6 months of inactivity. As the site is built daily, check if some counters have a TTL of 2 days or less (to keep some jitter margin) and bump a fake view to keep it alive.
It uses the preview URL on the production deployment.
I'm espacilly asking about francoisbest.com/blob/next/src/components/SHA256Avatar.tsx
Some leads:
Sources:
https://webcloud.se/blog/2020-03-12-nextjs-without-client-side-react/
Flash of unthemed content, where the initial load shows the light theme, then partially switches to dark theme on dark OSes.
getStaticProps
Tags are represented in the index and the articles as Badges from Chakra. They are clickable, and point to the index page with a ?tag=tagName
query string. The index listens for this query and show only the relevant articles, plus a way to clear the query.
The post listing logic might be shared with #1, some examples:
https://github.com/zeit/next.js/tree/canary/examples/blog-starter
Hard-refresh shows the right SHA-1, but navigating to any page through client-side navigation resets it to local
.
Some ideas:
Requirements:
Lightweight embed component:
https://rg3.name/202012062121.html
Play video from peertube or dtube for privacy
The Mastodon webfinger redirect returns a 403.
Some predicaments:
At the moment, the blog index page (/posts
) is a static page that contains all posts, and tags in the query string have no effect.
To add tag filtering, there are a few options:
/posts?tag=react
/posts/tags/react
If using a server-centric approach, by using the searchParams
prop on the blog index page, it turns it into a serverless function, which doesn't pick up the blog posts.
If using a static approach with islands of interactivity (wrapped in Suspense) to read the querystring and render a conditional list of posts, it gives a FOUC (flash of unfiltered content), where all the posts are initially shown and the filter applies.
Not wrapping in Suspense deopts into client-side rendering which has issues with dark mode not being applied (possibly another issue to look into).
Research stage: investigate the possibility of generating static pages based on known tags, with a custom 'not-found' for unknown tags that doesn't 404 but show "no posts tagged XYZ".
It could also be possible to generate a tag index at /posts/tags
, with the frequency of each tag.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.