Improve Your CodeStitch Components with Astro

Ғылым және технология

CodeStitch is a great HTML/CSS library-specifically because it is so flexible. Astro is a static-site generator that makes lightning-fast HTML feel like a cleaner version of React.
Together? You can write some slick, DRY code at breakneck speed.
► CodeStitch: codestitch.app/
► Astro: astro.build/
► Introduction video to CodeStitch + Astro: • Landing Page in 10 Min...
► CodeStitch starter kit built in Astro: github.com/CodeStitchOfficial...

Пікірлер: 15

  • @jeffstienstra3615
    @jeffstienstra361524 күн бұрын

    Great video, Astro is a wonderful framework. I feel like its put the fun back into development for me by spending less time fighting against the framework (*cough* react).

  • @TheItamarp
    @TheItamarpАй бұрын

    Great video. I do wonder if using content collections would be better than the json file in data folder approach...

  • @cedarstudioswebdesign

    @cedarstudioswebdesign

    Ай бұрын

    I like content collections (with enforced structure) for consistent pages like blog posts. For internal pages, which can be really variable, I like this more flexible approach

  • @castee6253
    @castee62533 ай бұрын

    Your content is so helpful!

  • @EtherEight
    @EtherEight3 ай бұрын

    Thank you for this video! Definitely would like to see more.

  • @cedarstudioswebdesign

    @cedarstudioswebdesign

    3 ай бұрын

    Anything specific about Astro/CodeStitch/web design in general?

  • @btaekema
    @btaekema3 ай бұрын

    Thank you, Well explained.👍

  • @mateuszkuruc3564
    @mateuszkuruc35643 ай бұрын

    Hey, great video! I have actually been using Astro and CodeStitch for a few weeks after checking your Astro Starter Pack, so thanks a lot for steering my attention to this amazing combination! Really love the experience. If I were to suggest a topic for a new video, I'd ask you to show some examples of more complicated website projects. By this I mean: - how often do you need to use JS frameworks (React/Vue)? - when do you actually use Astro islands, what features call for it? - Tailwind + CodeStitch: do you actually combine them somehow within one project or is it always one or the other? Asking because I also enjoyed Tailwind but generally don't use it cause I rely on CodeStitch nowadays - would this be possible for you to go through your thought process ("this project will definitely need some dynamic components e.g. in Vue/React here and there...") and actual execution (combining standard static HTML, CSS, JS components with dynamic ones within one website project) - e-commerce shops: how do you approach the topic and what tools do you use (Shopify? in what way?) It is of course just a suggestion if you were looking for one and had capacity. I am myself just learning Vue, having made a few personal projects in React, but I haven't had chance to use them commercially. As I work with Astro when creating sites for clients, I would like to maybe incorporate the use of JS framework to gain more real-life experience as I am interested in building more complex apps in the future. Once again, great quality of videos on the channel, will definitely be checking regularly. All the best!

  • @cedarstudioswebdesign

    @cedarstudioswebdesign

    3 ай бұрын

    Good ideas! I can make some more videos on tailwind/CodeStitch, as they can be combined if you want. You just need to watch out for things like tailwind's preflight, which overrides base styles. As for using JS frameworks, right now I am doing static-only for my clients. So I just use Astro to get the JSX syntax I love with pure html. The only reason I would use a JS framework is to interact with a backend (e.g., send/receive stored data). Otherwise, manipulating the DOM with a component that only has access to frontend data (like a counter button in React) is usually pointless for the user. As for state management, a static site doesn't need much, and can use classic tricks like url params if you really need to. Haven't started offering ecom yet, but I plan to dig into CodeStitch's shopify implementation (github.com/CodeStitchOfficial/Advanced-Website-Kit) and building something like that with Astro.

  • @mateuszkuruc3564

    @mateuszkuruc3564

    3 ай бұрын

    @@cedarstudioswebdesign Thanks for the answer! Sure, get the point with JS frameworks. Great that you'll be diving into ecom too, really interesting field but I am still far from there - would love to see how you set this up with Astro. Aside from JS frameworks then, I think the topics related to CMS could be useful to others working (or trying to get to work) in web agencies. For example, CMS config with the admin panel etc. for the most popular cases you face in your work would be awesome (I imagine this would mostly be blogs, but also restaurant pages or product catalog sites?). Still think there's not much yt content on Astro for how amazing the framework is, so I am looking forward to anything that you'll show us!

  • @jaymartinez311
    @jaymartinez3113 ай бұрын

    love it. Keep em coming

  • @joshua11111
    @joshua111113 ай бұрын

    Great video bud

  • @learningtocode3684
    @learningtocode36842 ай бұрын

    What hosting provider do you use for hosting your small business sites? I am considering Vercel (Pro Plan) + Astro. Any pros/cons?

  • @cedarstudioswebdesign

    @cedarstudioswebdesign

    2 ай бұрын

    I've been using netlify and it's great. Free plan is very good and pro is 20/mo

  • @learningtocode3684

    @learningtocode3684

    2 ай бұрын

    @@cedarstudioswebdesign I'll have to look into Netlify more. Do you think the pro plan is worth it? Or can you get by using the Free plan for hosting the small businesses (under 20k monthly visitors)?

Келесі