Podcasts Technology Syntax - Tasty Web Development Treats Hasty Treat - New Level Up Tutorials Site

Hasty Treat - New Level Up Tutorials Site

Published: Feb. 1, 2021, 2 p.m.

In this Hasty Treat, Scott and Wes talk about the new Level Up Tutorials website \u2014 some of the new tech powering the site, behind-the-scenes decisions, previous iterations, and more!

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at\xa0freshbooks.com/syntax\xa0and put SYNTAX in the \u201cHow did you hear about us?\u201d section.

Sentry - Sponsor

If you want to know what\u2019s happening with your code, track errors and monitor performance with Sentry. Sentry\u2019s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Show Notes

02:55 - Previous iterations

05:30 - Big choices

  • No\xa0Babel\xa0up and down the stack
  • UI
    • Mostly unchanged \u2014\xa0React\xa0+\xa0Styled Components\xa0+\xa0SCSS
      • Moving more to SCSS, CSS vars
      • Build and dev done via\xa0Snowpack
        • 50ms hot reloadin\u2019
        • Mega fast development workflow has been a huge plus
        • Errors in the UI via\xa0Snowpack
        • Wrote a custom\xa0GraphQL\xa0importer plugin
  • API
  • Codegen
    • GraphQL\xa0code gen to create everything we need for a fully typed codebase
    • Auto-generated\xa0React Hooks
  • Hosting
  • CLI
    • Custom avalanche CLI that removes the guesswork and makes bulk operations easy
  • Caddy\xa0server for easy\xa0leveluptutorials.dev\xa0in local environments
  • Testing
Links Tweet us your tasty treats!