Help forum

Create post

Rei
1

15 hours ago

Best Practices for SSR User Preferences?
Hello everyone 😊
I'm hoping to get some architectural guidance on the best way to approach state management for users and visitors.

I'm relatively new to web development, so I would very much appreciate the help. 🙏
My goal is to create a system for managing user preferences (theme, layout, etc.) that works seamlessly for both guests and authenticated users, with two key principles:

1. No UI Flash: The initial page load must be server-side rendered with the user's correct preferences.
2. Optimistic UI: When a setting is changed, the UI should update instantly.

My initial approach for authenticated users was based entirely on formulas and variables within my app_wrapper:

- Formulas were "exposed in context" to pass down styles and settings.
- These formulas used a defaultTo(variable, auth_me_data) pattern. This allowed for an optimistic UI (updating the variable) while having the server-rendered auth_me_data as the default, preventing a flash for logged-in users.
- Workflows, also "exposed in context", handled updating the variables and syncing changes to the database in the background.

I soon realized this architecture had a major limitation: it didn't solve the UI flash for visitors, as they have no auth/me data for the server to render and variables aren't initialized at that point.

To create one unified, streamlined system, I decided to pivot to a "Cookie-First" Approach for SSR, since cookies can be read by the server for all users. The core logic remains the same, but the cookie becomes the primary source of truth for the initial render.

However, I've run into a roadblock trying to implement it. 😅
chrisr
4

1 day ago

Cross-Project Component Design System
Hi there,

is there currently any best practice on how to setup a design system, including components that can be used across different projects?
Also, for my use case I'd need packages that are only published to my organization – thus packages seem no option at this point.
Currently I'd have to copy–paste components between projects. However, all the variables and API connections are getting lost if doing so.

Thanks for your support and much love from the ÜBERSTUNDE project team 🫰
lucian0
2

2 days ago

Any tutorials on how to make booking platform or an e-commerce store ?
Any of the 2 would help me do better business with my clients
NoCode ProCode
10

3 days ago

Infinite Component Repeat for Rich Text
I'm trying to build a rich text content paragraph for my application and I have implemented re-repeating of components (inspired by @Andreas Møller's JSON viewer) but I'm stuck when it goes beyond a component repeating another one - the moment it goes 3 layers deep my implementation fails.

I would appreciate some tips and assistance with this - as I do need a SSR rich paragraph element that can hold multiple styles and I'm 95% there but this is the last thing holding me back.

Please see my project / branch here: https://editor.nordcraft.com/projects/crimson_boba_fett_satisfactory_bear/branches/start/components/HomePage?canvas-width=800&rightpanel=style&selection=nodes.root&canvas-height=800

Thanks for your help 🙏
u_walk
28

3 days ago

new branch is empty ?
there is a initial first edit. a newly created branch starts off empty - there is zero content of the initial edit . how is that ? https://app.nordcraft.com/projects/spin/
nathandh
2

6 days ago

Global scripts
Is there a way to add global code to every page in Nordcraft? Like how in Webflow, I can add custom code to the head/footer of any single page, or sitewide for all of them in settings. Particularly interested in global CSS
chr.foss
✅1
10

6 days ago

Can't set input value (event > current > value missing)
In my login form I'm using custom input components, but I can't seem to get the component working.

In the input component I have a label and a standard input, but when I try to set my value I select the value of the input event, just the event itself.
Quite sure this is the issue but I can't find the solution.

What am I missing?
Kaz
✅1
1

6 days ago

Inquiry Regarding Supabase Magic Link Implementation and REST API
I am currently implementing a magic link login feature for my application using Supabase. My goal is to use the /auth/v1/magiclink endpoint for this purpose.

I am trying to set the redirect URL to https://XXXXXXXXXXX.toddle.site/.toddle so that users are redirected to this URL after clicking the magic link in the email. However, I am having trouble specifying this redirect URL.

Could you please clarify the correct structure for the request body when calling the /auth/v1/magiclink endpoint?

Additionally, I would be very grateful if you could point me to the official REST API documentation for Supabase Auth, specifically for non-JavaScript clients. I have been looking for this but have been unable to locate it.
Matthewcc
5

7 days ago

Custom Action Output Value for Use in a Variable - Current Window Width
I’m trying to run a script inside a custom action that outputs the current window width. Getting that value in a script is straightforward, but I’m having trouble assigning that value to a variable in Nordcraft outside the action so that I can use it in a formula. Is there a way to do this using an event that I might be overlooking? I need the actual window width, not just the trigger, because I need to use it in a calculation. I’d appreciate any insight!
Raphael Walters
✅1
3

9 days ago

Error: Minified React error #31
I'm getting this error message in the console when loading any page in my app. Has anyone come across this before and know what causes it and how to fix it? Tried Chat GPT but am none the wiser.

inspector.b9415ea5.js:1 Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at n0 (inspector.b9415ea5.js:1:65377)
at l (inspector.b9415ea5.js:1:70370)
at ol (inspector.b9415ea5.js:1:82233)
at i (inspector.b9415ea5.js:1:130901)
at lM (inspector.b9415ea5.js:1:110198)
at inspector.b9415ea5.js:1:110064
at lO (inspector.b9415ea5.js:1:110072)
at lC (inspector.b9415ea5.js:1:106823)
at lw (inspector.b9415ea5.js:1:105378)
at C (inspector.b9415ea5.js:1:141367)
nathandh
6

10 days ago

Component instance question
Help me understand the Nordcraft approach:

When am I editing the parent component, and when am I editing the child / instance?

In Webflow, you can only edit instances via props / attributes, but it looks like in Nordcraft you can apply styles to an individual component without affecting the parent? What is the context of those rules? 🙏🏼
andreas_schaefer
7

10 days ago

Considering switching from Weweb - Supabase Questions
Hi,
I'm still evaluating on what frontend builder I want to use for my application. I currently demoing weweb and I actually prefered it over my first try with nordcraft. I like how it makes working with dates much easier than NC and the supabase plugin is great. It basically provides an easy to handle RBAC for supabase right out of the box. They are apparently not as reliable as competitor. They had a massive outtage a few days ago and the handled it poorly. The other Restriction I really dont like is that your limited to supabases public schema with their plugin since thats apparently a limitation on the Supabase SDK. So how does NC handle this? Can i get access to custom schemas when exposing them thru the API? are there any resources to learn how to properly handle dates in NC? e.g. add / subtract days. How can I run custom JS in NC?
Vizualinx
15

11 days ago

Fonts
When I started to build my project I used nordcrafts default theme. Meaning it by default used the sans font for all text, I didn't even select any font when adding text.

Now I want to change the font and it should apply to all the text in the project.

How can I do that?

If I add a new font and delete the original one, what happens is that it won't use that font, it will use the default HTML font (looks like in the 19s).

(I don't want to have to go through every single text element in my app and have to select that font!)

Another question:
How can I have different fonts for different languages?

(Am I crazy for not wanting to have to select each text and set conditions for the font?! 🤔)
chr.foss
10

11 days ago

Issues fetching data from Supabase
Hey guys,

Super new to Nordcraft & Supabase but I got my login working and I'm setting the auth token cookie and can see the request is authorized in Supabase..
On my homepage (after login) I'd like to fetch some data and display it, but I can't seem to make the GET request work properly.

I'm getting a 200 response but with no data in Nordcraft and in Supabase I can see the request (select=*).
I have one row in the 'tenants' table.

I'm setting the apiKey in the API setup in NC, but on the Supabase side it says 'anon', is that correct?

Any ideas?
Jehex
6

12 days ago

my context workflow doesnt get call by my other component
Hi there, would like to know why my context workflow is not " call " but a component from a different parent who share the same " level" , sorry if it's not clear I tried to make a schema. Is it possible to call a workflow from here ? Thanks

1 2

3 4 5