Welcome to my website.
brianlovin / brios Goto Github PK
View Code? Open in Web Editor NEWMy personal website.
Home Page: https://brianlovin.com
License: MIT License
My personal website.
Home Page: https://brianlovin.com
License: MIT License
I use your darkmode example to your brian-lovin-next repo to avoid flash, but it cannot work. So i switch to the https://raw.githubusercontent.com/donavon/use-dark-mode/develop/noflash.js.txt, and change the storagekey to not be default value avoding conflict with other website's keyname, also cannot avoid the flash. Dont know why.
Your site also flash when load the homepage.
I wonder how to replace the contents. Should I do this line by line, or is there a convenient workflow?
Really like the elegant design, appreciate it!
Since this is not a comment system.
Can you explain your use scene?
Seems like the RSS link https://brianlovin.com/writing/rss is not returning XML and Revue has been shut down for a while. Is there an alternative?
Hey Brian,
I just saw your website, and I was impressed by your extensive experience in software engineering.
On mobile, I noticed that the home screen's width is not fixed. This allows the user to scroll left and right, and, as result, it makes vertical navigation on mobile difficult.
I just wanted to mention this in case you missed it. I think you can just fix that by making the text wrap to the next line.
hey Brian!
first of all, I know you get this a lot, but your website is really cool!
I noticed a small bug while navigating through the AMA section though: the avatar at the top of the question doesn't update when you navigate to another question by another user.
I tried having a look at the code, but wasn't able to identify what would fix it. curious to know if this is related to Next's Image component.
Accessing the following URL with a Qt5 WebView based browser (that uses behind the scenes WebKit) fails. First it seems to show the contents, then it just errors out with Application error: a client-side exception has occurred (see the browser console for more information).
=> https://brianlovin.com/writing/the-shape-of-software
Since there isn't a developer console I can't say why it fails.
P.S.: Nice article, at least the philosophical part about software written to one own's particular needs. Too bad the article requires JavaScript to read... :)
Hey ๐ You might already know this, but I figured I'd mention it. You can remove now.json
entirely with environment variables support first-class through dotenv in Next.js. You can also remove env
from next.config.js
!
Also - Inside Vercel, you can now more easily choose if your env var is a secret or plaintext.
TypeError: Cannot read property 'trim' of undefined
at ServerClient.BaseClient (I:\react\briOS\node_modules\postmark\dist\client\BaseClient.js:22:28)
at new ServerClient (I:\react\briOS\node_modules\postmark\dist\client\ServerClient.js:28:23)
at eval (webpack-internal:///./src/lib/postmark/index.ts:13:16)
at Object../src/lib/postmark/index.ts (I:\react\briOS.next\server\pages\404.js:770:1)
at webpack_require (I:\react\briOS.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///./src/graphql/resolvers/mutations/comment/index.tsx:11:71)
at Object../src/graphql/resolvers/mutations/comment/index.tsx (I:\react\briOS.next\server\pages\404.js:473:1)
at webpack_require (I:\react\briOS.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///./src/graphql/resolvers/mutations/index.ts:8:94)
at Object../src/graphql/resolvers/mutations/index.ts (I:\react\briOS.next\server\pages\404.js:495:1)
Hello Brian! Your briOS is a wonderful tool that I want to use.
I really want to launch my version of briOS (with full credits of course!).
Would be great if you provide us with the README and .env file examples to ease up the deployment of briOS.
I have encountered an old "ENV stub" here - https://github.com/brianlovin/briOS/blob/e664155ff97e4abb55efcbb7a3b7151e35c53639/now.json
Can you please help with the instructions?
Anton
Anyone could just spam likes using an auto clicker on any question and it doesn't stop that. Maybe it should have an code to limit one Ip address or 1 visitor can like only once.
Loving the site!
When trying to sign in I get this error response:
{
"resource": "error",
"type": "configuration_error",
"code": "external_unauthorized",
"message": "The external identity provider ('twitter') reported that your API keys were unauthorized. Please verify that you provided the correct API keys in the Authik dashboard.",
"param": null
}
from https://api.authik.com/logins
Hello,
We've tried to activate or update your repository on Depfu and couldn't find any supported dependency files. If we were to guess, we would say that this is not actually a project Depfu supports and has probably been activated by error.
Please note that Depfu currently only searches for your dependency files in the root folder. We do support monorepos and non-root files, but don't auto-detect them. If that's the case with this repo, please send us a quick email with the folder you want Depfu to work on and we'll set it up right away!
Please note that using the "All Repositories" setting doesn't make a lot of sense with Depfu.
Please let us know by sending an email to [email protected].
This is an automated issue by Depfu. You're getting it because someone configured Depfu to automatically update dependencies on this project.
Hey ๐
I noticed when trying to share your latest blog post that it didn't have OG tags set up (example).
You should be able to use something like next-seo on your [slug].tsx page. I'm not sure the recommended way to do OG tags with Ghost, but I'm guessing it's something like this.
<NextSeo
openGraph={{
type: 'article',
title: post.metaTitle,
description: post.metaDescription,
images: [
{
url: post.metaImage,
width: 850,
height: 650,
alt: post.metaTitle,
},
],
}}
title={post.metaTitle}
description={post.metaDescription}
/>
Btw, nice use of TS ๐
Hey Brian, I was trying to sign in to post something on AMA, but for some reason the button wasn't showing in Safari.
I'm using an iPhone 12 Pro, if that provides any helpful info.
Thanks!
Hey love the website!
I believe the dark mode is flickering upon first load because the Terser minification effect of the script to populate CSS variables is never being run, so the magic script is never injected. A quick fix could just be loading the stringified function rather than minifying it in useEffect. Small performance hit but probably not too noticeable?
I tried to subscribe to Overthought both from your unbelievably good new site (using the Subscribe button at the top of the articles list) and directly from your Twitter profile and I get this error message preventing me from confirming my subscription when I click the link sent in Revues confirmation email (in both cases):
In src/components/Overthought/Post/index.tsx
export default function Post({ post }) {
// 1 const { data: posts } = useSWR('/api/getPosts', getPosts)
// 2 const posts = await getPosts();
3 const filtered = posts ? posts.filter(p => p.slug !== post.slug) : []
......
}
When use 1, run ok, when use 2, error say that Unexpected token, expected ";" about the 2 sentence.
Even i remove the ;, also same error.
Could be my mistake, but...
The link appears to return HTML instead of RSS:
<link rel="alternate" type="application/rss+xml" title="RSS feed" href="https://brianlovin.com/writing/rss"/>
Just add bookmarks collection,and a doc with one url: https://xx. But give json error when access the /bookmarks
There are no deployment guidelines. It's a beautiful site. And I think It should have a deployment guide. Or just include which environment variables are mandatory. Just like me, Getting confused about it. ๐.
I just noticed this on the AMA page and figured I should point it out. Also, proposed a possible fix for this in a PR, I hope that's ok: #717
There are no .env-sample for newbies (or in general)
error - Error: Expected undefined to be a GraphQL schema.
{
err: Error: Expected undefined to be a GraphQL schema.
at assertSchema (/briOS/node_modules/graphql/type/schema.js:47:11)
at validateSchema (briOS/node_modules/graphql/type/validate.js:42:28)
at assertValidSchema (briOS/node_modules/graphql/type/validate.js:66:16)
at assertValidExecutionArguments (briOS/node_modules/graphql/execution/execute.js:150:35)
at executeImpl (briOS/node_modules/graphql/execution/execute.js:98:3)
at Object.execute (briOS/node_modules/graphql/execution/execute.js:60:63)
at /node_modules/@apollo/link-schema/lib/index.js:19:39
at new Subscription (briOS/node_modules/zen-observable/lib/Observable.js:197:34)
at Observable.subscribe (node_modules/zen-observable/lib/Observable.js:279:14)
at briOS/node_modules/@apollo/client/link/error/error.cjs.js:16:42
}
PS: Please provide README.md
and .env.local.template
Noticed that you're able to resize the textarea horizontally which can be a bit funky. Might be nicer to just have vertical resizing.
Maybe from a past Sentry setup?
Description
All images on the App Dissection page aren't being correctly loaded and the web app is throwing a 404 error when opened on the /app-dissection path.
Sample Error Generated in Console
Failed to load resource: the server responded with a status of 404 ()
GET https://brianlovin.com/_next/image?url=%2Fstatic%2Fimg%2Fapp-dissection%2Fpinterest-ios.jpeg&w=128&q=75 404
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.