Hacker News Reader

steventeyon Precedent – Building Blocks for Next.js

The z-index issues with the components have been fixed: https://github.com/steven-tey/precedent/issues/2

Sorry about that!

steventeyon Precedent – Building Blocks for Next.js

This has been fixed!

https://github.com/steven-tey/precedent/issues/2#issuecommen...

steventeyon Precedent – Building Blocks for Next.js

AFAIK Radix has better a11y support than HeadlessUI, which is why I went with that!

As for the second point – I'm actually not quite sure if there are any downsides/tradeoffs to that. What do you mean by accessible landmarks in this case? a11y?

Glad you like the template!

steventeyon Precedent – Building Blocks for Next.js

The z-index issues with the components have been fixed: https://github.com/steven-tey/precedent/issues/2#issuecommen...

Appreciate the feedback about the functions – will get those fixed as well!

steventeyon Precedent – Building Blocks for Next.js

Thanks! It's not meant to be integrated with an existing project, though you can copy some of the components over if you'd like!

To use it to bootstrap a new project, you can run:

``` npx create-next-app precedent --example "https://github.com/steven-tey/precedent" ```

steventeyon Precedent – Building Blocks for Next.js

oooh yeah that was a bug, it should be fixed now tho!

steventeyon Precedent – Building Blocks for Next.js

Hey! OP here – this is meant to be a powerful hello-world template that you can clone when you start a new Next.js project, something that I built for myself because I start way too many side projects haha

steventeyon Precedent – Building Blocks for Next.js

Hey! OP here – this is not meant to be a design / component system, though I plan to add more components to it in the future if it makes sense. Rather, it's meant to be a powerful hello-world template that you can clone when you start a new Next.js project.

Highly recommend Radix if you want more components!

steventeyon Precedent – Building Blocks for Next.js

I highly recommend learning Next.js as a way to learn React – it is built on top of React and focuses on some of the most important hooks (useState, useEffect) while also giving you functions for server-side rendering that help make sure your app is performant from the get-go.

That's actually how I learned React myself :)

Disclaimer: I work at Vercel (we maintain Next.js)

steventeyon Globally distributed storage system for configuration data

"Most lookups return in 5 ms or less, and 99% of reads will return under 15 ms." – wow this is a gamechanger

steventeyon Show HN: Use Slack Emoji on GitHub

This is absolutely brilliant.

steventeyon Show HN: Open-Source ReadMe Alternative

This is great! Love the showcase page – lots of familiar logos: https://mintlify.com/showcase

steventeyon Show HN: Satori – Convert HTML and CSS to SVG

You can basically use this to generate Open Graph images programmatically for your websites really really fast (1-2ms)!

Here's a blog post detailing how this works (using @vercel/og): https://vercel.com/blog/introducing-vercel-og-image-generati...

steventeyon Vercel OG Image Generation: Fast, dynamic social card images at the Edge

this is a gamechanger! also https://github.com/vercel/satori is such a good name!

steventeyon Show HN: I made an open-source Bitly alternative

Yeahhhh...I recently merged a PR that should fix this though! let me know if it's still performing badly!

https://github.com/steven-tey/dub/pull/13

steventeyon Show HN: I made an open-source Bitly alternative

hahahaha

steventeyon Show HN: I made an open-source Bitly alternative

I believe it's something to do with the canvas size not being optimized: https://github.com/steven-tey/dub/issues/11#issue-1382789740

I just merged a PR to fix this though – are you still facing this issue?

steventeyon Show HN: I made an open-source Bitly alternative

Yeah, someone actually created an issue for this on the repo: https://github.com/steven-tey/dub/issues/8

I'm planning to not allow emojis simply because of the accessibility challenges that it presents to users :')

Emoji domains though, on the other hand, are really cool and more than welcome to be added :)

steventeyon Show HN: I made an open-source Bitly alternative

That's a great point, thanks for mentioning that! I'm gonna do some pricing research over the next couple of months to see what the optimal pricing is for a tool like this! :)

steventeyon Show HN: I made an open-source Bitly alternative

Love this, thanks for sharing!! Did you get to building out the analytics dashboard? Would love to check it out! :D

steventeyon Show HN: I made an open-source Bitly alternative

True! But a link shortener SaaS is more than just redirects – it also needs data visualization to help marketing teams understand the performance of their links, which is half of the value prop imho!

That being said, absolutely love your spin on the go/ links – I learned about it from my friend who works at GitHub and it's kinda blown my mind ever since :)

steventeyon Show HN: I made an open-source Bitly alternative

It was because of the globe animation, which is a stripped down version of Three.js + webGL. I just merged a PR that should mitigate this: https://github.com/steven-tey/dub/pull/13 Can you check again and let me know if the performance issue is still bad?

steventeyon Show HN: I made an open-source Bitly alternative

Thanks for letting me know! I'm gonna keep digging into optimization strategies! :)

steventeyon Show HN: I made an open-source Bitly alternative

Hey! Creator of Dub here! Appreciate the sentiment, also great point in the replies about link shorteners leading to spam.

My plan with Dub is to keep this running at a sustainable pace for as long as possible, and I believe it's possible for a few reasons:

- Operating costs for Dub are quite low at the moment, thanks to Edge Functions (https://vercel.com/edge) + Redis.

- I'm leaning into the custom domains & self-hosted aspect with the freemium model – where enterprises and businesses would be able to get set up with a custom domain link shortener super easily.

- Agree that individual short links are definitely not sustainable in the long run, I might set a rule where randomly-generated links > 30 days get deleted, to save it you'll either need to make an account (to prevent spam) or set up your own domain.

steventeyon Show HN: I made an open-source Bitly alternative

Very good point re: goo.gl

My plan here is to lean into the custom domains & self-hosted aspect – where enterprises and businesses would be able to get set up with a custom domain link shortener super easily.

Individual short links are definitely not sustainable in the long run, I might set a rule where randomly-generated links > 30 days get deleted, to save it you'll either need to make an account (to prevent spam) or set up your own domain.

steventeyon Show HN: I made an open-source Bitly alternative

Apologies for the performance issues! I just merged a PR that should mitigate this: https://github.com/steven-tey/dub/pull/13

Can you check again and let me know if the performance issue is still bad?

steventeyon Show HN: I made an open-source Bitly alternative

Just merged a PR that should mitigate this: https://github.com/steven-tey/dub/pull/13

Can y'all check again and let me know if the performance issue is still bad? Feel free to reply here or send me an email at steven[at]dub.sh

steventeyon Show HN: I made an open-source Bitly alternative

Whoa, had no idea this was possible. Pretty cool!

steventeyon Show HN: I made an open-source Bitly alternative

Hey everyone! My good friend & colleague Shu just pushed a PR that should mitigate this: https://github.com/steven-tey/dub/pull/13

Can y'all check again and let me know if the performance issue is still bad? Feel free to reply here or send me an email at steven[at]dub.sh

FYI Shu (https://github.com/shuding) is the creator of the globe library that I'm using on the home page: https://cobe.vercel.app, it's really good!

steventeyon Show HN: I made an open-source Bitly alternative

It's not a template but it uses Tailwind (tailwindcss.com)!

Here's the full list of design inspirations for the site: https://twitter.com/steventey/status/1572958213250629633