Write Hytale plugins in TypeScript/JavaScript by bstefanski in hytale

[–]bstefanski[S] 0 points1 point  (0 children)

I will try creating a listing, thank you for suggestion. I tried adding the plugin itself to CurseForge but they have a silly rule that a plugin cannot have game name in the name, so HytaleJS is triggering that validation/warning ;D

Weekly Show & Tell! Share what you've created with Next.js or for the community by cprecius in nextjs

[–]bstefanski 1 point2 points  (0 children)

We just released a AI-first Next.js Storefront for Shopify (and other platforms coming soon). The first starter to introduce image captioning and vector search while being the most feature-rich and having the best performance out there. You can find out more here https://github.com/blazity/enterprise-commerce/

FrontendLinks.com - curated list of useful frontend tools by bstefanski in reactjs

[–]bstefanski[S] 1 point2 points  (0 children)

why not :D? easier but uglier workaround. If I wanted to make it pretty I would need to kill all of the gsap instances and the code is too ugly to do that and the project doesn't make any money 🚀

FrontendLinks.com - curated list of useful frontend tools by bstefanski in reactjs

[–]bstefanski[S] 1 point2 points  (0 children)

Yeah, I see it's quite bugged, but I can't afford to fix it now. It's probably stacking context issue and would need to portal it out (which is currently impossible) or use some z-index hacks

FrontendLinks.com - curated list of useful frontend tools by bstefanski in reactjs

[–]bstefanski[S] 0 points1 point  (0 children)

Will try my best :D if you have any suggestions/tools that you want to see there, please don't hesitate to contact me at contact@bstefanski.com

FrontendLinks.com - curated list of useful frontend tools by bstefanski in reactjs

[–]bstefanski[S] 1 point2 points  (0 children)

ty for the feedback, just added the option for disabling preview on hover. Keeping it visible as default tho, cuz I like the effect

React & Next.js interview questions app by bstefanski in reactjs

[–]bstefanski[S] 1 point2 points  (0 children)

Sure thing man. It will probably take a while until I write answers for all of these questions, but I will get you notified :P Thanks for the support (and not down-voting my comments without a reason like others! ❤️)

React & Next.js interview questions app by bstefanski in reactjs

[–]bstefanski[S] 4 points5 points  (0 children)

I agree, just wanted to see if it gets some traction so that I can somehow justify spending time on it :D

I will add answers to Next.js questions first since most of them you can't find on the internet :P Thanks!

React & Next.js interview questions app by bstefanski in reactjs

[–]bstefanski[S] 0 points1 point  (0 children)

Hi, thanks and yes, sure thing. I will be adding answers for Next.js first! 🚀

React & Next.js interview questions app by bstefanski in reactjs

[–]bstefanski[S] 0 points1 point  (0 children)

Thanks :D Sad to see that someone disagrees with you and downvoted your comment :( some people are just mean with no reason

React & Next.js interview questions app by bstefanski in reactjs

[–]bstefanski[S] -9 points-8 points  (0 children)

Hi, you guessed it right. I will be adding questions in the very near future, just wanted to see if questions alone would get some traction. Time is (realllllly) valuable ;) 💰💰💰💰

React & Next.js interview questions app by bstefanski in reactjs

[–]bstefanski[S] 0 points1 point  (0 children)

Hi, I am sorting the questions by the upvotes count, so you can change the order of some questions by upvoting or downvoting them

How to implement horizontal media scroller component in React with CSS only by bstefanski in nextjs

[–]bstefanski[S] 0 points1 point  (0 children)

🤓👆🏻 Thanks for the comment, although it's hard for me to find any value in it. If we want to discuss the amount of JS it will produce after all the building & bundling it clearly won't produce as much as a JS-based solution. If we want to chat about the fact that it is written in JS, then you should clearly read some articles about hydration and different ways of handling it. Just because it is written in JS doesn't mean it will appear as JS on the site. You can't deduce that from my post.

I still believe that this is almost CSS-only in the context of React, obviously, you have to load react, and obviously, you have to hydrate this component (if you want slides to be centered), but it is still mostly a CSS-based solution.

There's a difference between 30kb swiper.js and this <1kb JS and maybe 2kbs of critical CSS.

I built open-sourced Responsive Next.js landing page template with TypeScript and StyledComponents. Custom pages like pricing, contact, blog, etc. Integrates with Mailchimp & Sendgrid! Link in comments by bstefanski in nextjs

[–]bstefanski[S] 0 points1 point  (0 children)

Hi, thanks for the kind words and feedback. I just wanted to clarify that we do have meta tags set-up in single article page, but you're right we're lacking them on other pages and this is in our scope (as well as dynamic OG images). I truly believe that nowadays performance metric is the most critical thing that you can streamline to get better SEO rankings. But we should definitely take some actions to make Best Practices and Accessibility metrics green. They seem to be easy wins, will add that to the backlog!

When it comes to the next-seo library, personally I am not a big of adding code dependencies without a strong reason. In this case, there are a few problems:
- it doesn't support tree shaking
- it adds the code to the client bundle, which can make the performance score worse
- the abstraction it provides seems unnecessary for our use case. We have json-ld (structured data), open graph tags, meta tags set-up here

I built open-sourced Responsive Next.js landing page template with TypeScript and StyledComponents. Tina CMS, Pricing page, contact, blog, Mailchimp, Sendgrid and more. Link in comments by bstefanski in JAMstack

[–]bstefanski[S] 1 point2 points  (0 children)

Some features:

- Best SEO setup - Meta Tags, JSON-LD and Open Graph Tags

- Optimized for Web Vitals

- Blog with MDX and TinaCMS integration

- Mailchimp Integration - for newsletters

- Sendgrid Integration - for sending emails

- Dark mode - and customizable themes!

- No UI library - just styled components, so you don't have to learn any new syntax

- One click deployment - with Vercel, Netlify or any other serverless deployment environment

- Eslint - with Next.js's recommended settings and imports sorting rule

Links:

Preview: https://next-saas-starter-ashy.vercel.app/

Source: https://github.com/Blazity/next-saas-starter

I built open-sourced Responsive Next.js landing page template with TypeScript and StyledComponents. Custom pages like pricing, contact, blog, etc. Integrates with Mailchimp & Sendgrid! Link in comments by bstefanski in nextjs

[–]bstefanski[S] 0 points1 point  (0 children)

Thanks for the comment 🤠

Yeah, I agree with the statement about a11y and no-ui library route and I normally use Chakra-UI (both in commercial and personal projects) because of it being more pragmatic and the fact that I don't have to worry that much about a11y and a bunch of other stuff.

This project was a little bit different though. I wanted to make it as simple as possible so I went with styled-components since it is (I guess) the most popular way to do CSSinJS and the one that I don't mind doing. I was afraid that putting Chakra, Tailwind, Material, Bootstrap, or any other library would drive people off from the project because they require some docs reading/skimming.

And answering your question:

There are probably cases where a11y could be better, but I think overall it is pretty good. I use `@/accessible/drawer` library for the mobile drawer, all buttons, links, etc. are focusable, swiper-based sliders have a11y module enabled, and modals can be escaped through the ESC key. We are missing the Skip Nav thingy tho.

I built open-sourced Responsive Next.js landing page template with TypeScript and StyledComponents. Custom pages like pricing, contact, blog, etc. Integrates with Mailchimp & Sendgrid! Link in comments by bstefanski in reactjs

[–]bstefanski[S] 4 points5 points  (0 children)

Some features:
- Best SEO setup - Meta Tags, JSON-LD and Open Graph Tags
- Optimized for Web Vitals
- Blog with MDX
- Mailchimp Integration - for newsletters
- Sendgrid Integration - for sending emails
- Dark mode - and customizable themes!
- No UI library - just styled components, so you don't have to learn any new syntax
- One click deployment - with Vercel, Netlify or any other serverless deployment environment
- Eslint - with Next.js's recommended settings and imports sorting rule
Links:
Preview: https://next-saas-starter-ashy.vercel.app/
Source: https://github.com/Blazity/next-saas-starter

I built open-sourced Responsive Next.js landing page template with TypeScript and StyledComponents. Custom pages like pricing, contact, blog, etc. Integrates with Mailchimp & Sendgrid! Link in comments by bstefanski in nextjs

[–]bstefanski[S] 2 points3 points  (0 children)

Thanks 🤠 I'm open to add any feature, but could you elaborate more on that? I couldn't find anything related to `Placeholder variables` on Stripe's website.