Nordcraft

Integrating Xano’s powerful backend with Nordcraft's (formerly Toddle) flexible front-end capabilities opens up endless possibilities for building scalable web applications. This guide provides step-by-step instructions on seamlessly connecting Xano with Nordcraft.

Overview of Xano and Nordcraft

Xano

Xano is a scalable backend-as-a-service platform that simplifies database management, API creation, and server-side logic through a no-code interface.

Nordcraft

Nordcraft is a flexible front-end development tool for building web applications visually, offering powerful and customizable features.

Integrating Xano and Nordcraft

Step 1: Connect Xano Account to Nordcraft

1. Navigate to Your Xano Account:
   • Log in to your Xano account.
   • Access the settings or profile section to generate API credentials.
2. Generate Personal Access Token:
   • Create a new Personal Access Token in Xano with read and write permissions for your data.
3. Add Xano as a Data Source in Nordcraft:
   • In Nordcraft, navigate to Data Sources.
   • Choose to add a new data source and select Xano.
   • Paste the generated Personal Access Token into the designated input field.
   • Choose the Xano workspace you want to connect from the dropdown menu.

Step 2: Sync Data and Create Views

1. Data Syncing:
   • Nordcraft will analyze the data in your Xano database and automatically create tables and views in your app.
2. Supported Field Types:
   • Ensure compatibility with supported field types for seamless data integration.

Step 3: Build Front-End in Nordcraft

1. Creating the Nordcraft Project:
   • Create a new project in Nordcraft using the desired template.
   • Organize pages and components based on your application's requirements.
2. Implementing UI Components:
   • Design and implement UI components such as forms, tables, and charts.
   • Utilize Nordcraft's drag-and-drop interface for easy layout customization.
3. Connect Front-End to Xano APIs:
   • Integrate Xano APIs to fetch and manipulate data from the backend.
   • Configure API endpoints for user authentication, data retrieval, and updates.

Step 4: Testing and Deployment

1. Testing:
   • Conduct thorough testing to ensure proper functionality and data flow between Xano and Nordcraft.
2. Deployment:
   • Once testing is complete, deploy your application for real-world use.

Conclusion

By integrating Xano with Nordcraft, developers can leverage the strengths of both platforms to build robust and scalable web applications.

With Xano handling the backend operations and Nordcraft providing intuitive front-end development tools, developers can streamline the development process and deliver feature-rich applications.

Get started today and unlock the potential of seamless integration between Xano and Nordcraft!