Pricing Blog

General questions

  • kingpin2557-1386994775860707328

    Kingpin

    1 month ago

    https://docs.nordcraft.com/media/overview

    This overview explains how to get images from different qualities do I use this method to make sure my images are responsive? In webdevelopment this would output a picture tag within that source tags using breakpoints.

    (Trying to get to know nordcraft before actually jumping in, learning this way helps me doing stuff in new programs quicker)
  • kingpin2557-1386995699337531422

    Kingpin

    1 month ago

    <picture>
    <source srcset="mdn-logo-wide.png" media="(min-width: 600px)" />
    <img src="mdn-logo-narrow.png" alt="MDN" />
    </picture>
  • kingpin2557-1386996406790914089

    Kingpin

    1 month ago

    I am guessing this would be a workflow of sorts?
  • whitep4nth3r-1386997856048517241

    salma

    1 month ago

    Yes but make sure to use the different URLs for the srcset values to resize the images accordingly
  • kingpin2557-1386998410090909756

    Kingpin

    1 month ago

    I will figure it out thx, would be possible to create a SPA or is that not the intend/to difficult for nordcraft?
  • Tod-1386998411479220324

    Tod

    1 month ago

    Great job @Kingpin! Your contribution to the Nordcraft Community just made you advance to Community Level 3! 🌲
  • whitep4nth3r-1386998612432523315

    salma

    1 month ago

    You can definitely create a SPA
  • but the use cases for SPA must be carefully considered depending on your SEO needs
  • kingpin2557-1386998943254052874

    Kingpin

    1 month ago

    Thx, for my first project I will keep it as a normal website (not a SPA one) just to get to know nordcraft better. Now I am just theoritically exploring what's possible.
  • whitep4nth3r-1386999544394285176

    salma

    1 month ago

    perfect approach
  • kingpin2557-1386999773852074146

    Kingpin

    1 month ago

    Would a SPA site be the most optimized way for a nordcraft site? Everything would be dynamically loaded in.
  • kingpin2557-1387000138605527091

    Kingpin

    1 month ago

    Are there like SEO tests or like vercel has speed Insights does nordcraft has this too?
  • whitep4nth3r-1387001892948672553

    salma

    1 month ago

    If SEO is important to your site, then SSR is the best way to go. Search engines are able to crawl the full content of the page during SSR, as opposed to not being able to see much of the content when everything is loaded on the client via JavaScript, which is usually the case with SPA websites
  • kingpin2557-1387002323644977192

    Kingpin

    1 month ago

    thx, need to dig in a little deeper in SSR havent done anything with it really. for my internship I did my first react project (with strapi v5). had to learn both on the fly with no one to help me on the location since no one their had a tech background.
  • wait isn;t vue SPA as well? ig then that was my first SPA project in school.
  • whitep4nth3r-1387005568073334857

    salma

    1 month ago

    ues Vue is SPA
  • kingpin2557-1387006766226870312

    Kingpin

    1 month ago

    little off topic sorry about that xd
  • whitep4nth3r-1387007020502093824

    salma

    1 month ago

    no worries!
  • kingpin2557-1387043610461208657

    Kingpin

    1 month ago

    time for me to explore nordcraft
    1387043610213486805-image.png
  • kingpin2557-1387052949464809552

    Kingpin

    1 month ago

    hey could you point me in the right direction on how to create variants on components? I have a component with 2 styles one container and one fluid. would like to be able to switch between the two when I select the component. I am guessing this is with formulas and condinitional statements? these will not be trigged with hover or active or anything.
    1387052949275938997-image.png
  • whitep4nth3r-1387054705942724669

    salma

    1 month ago

    you'll probably want to use attributes, which you can use to control different behaviour inside the component itself

    https://docs.nordcraft.com/components/interface-and-lifecycle#defining-attributes
  • kingpin2557-1387059441240768513

    Kingpin

    1 month ago

    so it would be something like this
    1387059441278521344-image.png
  • I would need to use the output as value in the inline padding
  • whitep4nth3r-1387061663693537280

    salma

    1 month ago

    Yes
  • kingpin2557-1387066168547741786

    Kingpin

    1 month ago

    I have set up isfluid attribute when I change the boolean it doesn't actually change the inline padding.
    1387066167583047811-image.png
    1387066167906275379-image.png
    1387066168250073241-image.png
  • kingpin2557-1387066768949907589

    Kingpin

    1 month ago

    hmmm
  • lucasg-1387067722977906788

    Lucas G

    1 month ago

    @Kingpin wanna hop in the voice channel later time today to go over some of this stuff?
  • kingpin2557-1387067790237761659

    Kingpin

    1 month ago

    me voice shy xd
  • but euhmm perhaps
  • it often takes a little longer for me to learn something new but once I know then I 100% know, I am guessing an autism trait
  • lucasg-1387068080437334046

    Lucas G

    1 month ago

    lol all good. It’s just easier to go over things when we can screenshare
  • Easier to ask questions too
  • You seem to be doing great actually which is why I offer
  • kingpin2557-1387068342610956449

    Kingpin

    1 month ago

    when would you be available?
  • no auto properties?
    1387068371710906428-image.png
  • lucasg-1387068516611395636

    Lucas G

    1 month ago

    It accepts it, it’s just not a dropdown option rn
  • You can use any standard web tech in NC
  • kingpin2557-1387068616956055758

    Kingpin

    1 month ago

    when I do it it seem to disappear, I think I wanna prepare some stuff UI before the call.
  • lucasg-1387068735122046986

    Lucas G

    1 month ago

    Maybe you just need to hit enter before clicking away
  • kingpin2557-1387068750997749864

    Kingpin

    1 month ago

    maybe make a small card, I have data prepared in craft with a query already ready to go.
  • lucasg-1387068845109543114

    Lucas G

    1 month ago

    I think they are playing around with how data is entered in the inputs atm
  • kingpin2557-1387069115780436042

    Kingpin

    1 month ago

    you can see it here, some random info from chatgpt about drones and some photos from unsplash xd
  • Tod-1387069117583851783

    Tod

    1 month ago

    Great job @Kingpin! Your contribution to the Nordcraft Community just made you advance to Community Level 4! 🌲
  • lucasg-1387069155710074981

    Lucas G

    1 month ago

    You can also tab over to the CSS tab (bottom right button)
  • kingpin2557-1387069179588382790

    Kingpin

    1 month ago

    what time you be available for the call?
  • lucasg-1387069186802454678

    Lucas G

    1 month ago

    To enter properties manually
  • kingpin2557-1387069357888245871

    Kingpin

    1 month ago

    nope nothing, but I did width 100% and block padding to 1rem now, it's just for the title so.
  • kingpin2557-1387100203546312895

    Kingpin

    1 month ago

    clean
    1387100203311562772-image.png
  • kingpin2557-1387105761745961101

    Kingpin

    1 month ago

    sweet, now gotta configure the api on nordcraft.
    1387105761498234890-image.png
  • kingpin2557-1387188436703776869

    Kingpin

    1 month ago

    @Lucas G @salma thx a lot for the help
  • kingpin2557-1387202796591517767

    Kingpin

    1 month ago

    strange I tested restarting my local stuff but now when I click to the detail page it gives me 404 page but the link in the inspector iscorrect and if I click on their it directs me to the correct page
  • kingpin2557-1387203151727427767

    Kingpin

    1 month ago

    eh
  • kingpin2557-1387203432879882412

    Kingpin

    1 month ago

    is this cuz I merged it with the main branch in nordcraft?
  • kingpin2557-1387203732055527577

    Kingpin

    1 month ago

    ah, I see why my url is being constructured with the one from the branch preview.
  • @Lucas G for the ping but is there a way to make sure my frontend url when creating a url to go to a differentpage is always the correct nordcraft domain?
  • kingpin2557-1387204482173243564

    Kingpin

    1 month ago

    aha I fixed it, I removed the base url from the frontend al together and just did /product/:id
  • kingpin2557-1387206905855868980

    Kingpin

    1 month ago

    https://turquoise_rugor_nass_confused_crocodile.toddle.site/
    here is the link to the site, keep in mind this will only add data when my docker and craft are running. prolly gonna deploy these later this week I think.
  • the topic is very random xd
  • kingpin2557-1387207562121974000

    Kingpin

    1 month ago

    gonna change the product/:id to product/:slug later prolly makes more sense
  • kingpin2557-1387212009740964010

    Kingpin

    1 month ago

    Will it be possible to like build the app/website and then host the compact version of the site through a service of choice (vercel, railway, etc)?
  • lucasg-1387219369360097342

    Lucas G

    1 month ago

    Looks like you hard coded the URL
  • I see it says start-......
  • Which is a branch URL
  • Use relative URLs
  • href should be "/product/5" not "https://start-...../product/5"
  • Ah you fixed it lol. The chat hadn't loaded for me
  • lucasg-1387220145511858316

    Lucas G

    1 month ago

    this works as long as the slug is always unique
  • lucasg-1387220339754270882

    Lucas G

    1 month ago

    Technically already possible to self-host it
  • kingpin2557-1387224234517856419

    Kingpin

    1 month ago

    Where can I find info about this?
  • lucasg-1387225889913307268

    Lucas G

    1 month ago

    There isn't any
  • It hasn't been officially announced
  • kingpin2557-1387229915111227544

    Kingpin

    1 month ago

    Oh dang
  • Well not that important for now.
  • kingpin2557-1387231118935199826

    Kingpin

    1 month ago

    What about scrollanimations and page transitions? I am guessing scrollanimations just apply the class when it appeara in viewport can be done with the js nodes?
  • kingpin2557-1387231790602649823

    Kingpin

    1 month ago

    Slug would be based on product name, should always be unique anyways if not then it's the same product just a variant which can be shown on the same oage and should just be the same entry in craft.