diff --git a/src/app/page.mdx b/src/app/page.mdx index 40aecb6..f281bd9 100644 --- a/src/app/page.mdx +++ b/src/app/page.mdx @@ -1,5 +1,5 @@ -import {Cards} from "nextra/components"; -import {GettingStartedCards} from "./_components/GettingStartedCards"; +import { Cards } from "nextra/components"; +import { GettingStartedCards } from "./_components/GettingStartedCards"; # Introduction to SpaceDF @@ -16,20 +16,35 @@ SpaceDF is a comprehensive **IoT platform** that supports multiple protocols and icon="πŸš›" title="Fleet Tracking" href="/docs/spaces" - style={{padding: "5px 10px"}} + style={{ padding: "5px 10px" }} > **Vehicle & Asset Tracking**: Monitor vehicles, equipment, and mobile assets with real-time location data and route optimization. - + **Building Management**: Track assets, people, and equipment within buildings with indoor positioning and space utilization analytics. - + **Urban IoT Solutions**: Monitor city infrastructure, public assets, and environmental sensors across urban environments. - + **Manufacturing & Logistics**: Track inventory, equipment, and processes in warehouses, factories, and supply chains. @@ -40,15 +55,30 @@ SpaceDF is a comprehensive **IoT platform** that supports multiple protocols and Ready to get started with SpaceDF? Follow these steps to begin your IoT journey: - + Set up SpaceDF in your environment. Choose between cloud platform or self-hosted deployment. - + Register and configure your IoT devices using multiple protocols through the MPA Service. - + Create your digital environment and set up tracking templates for your use case. @@ -63,12 +93,17 @@ Need help? We're here to support you: icon="πŸ’¬" title="Community Forum" href="https://docs.spacedf.com/community" - style={{padding: "5px 10px"}} + style={{ padding: "5px 10px" }} > **Ask questions and share experiences** with other SpaceDF users and developers in our active community forum. - + **Open source components and issue tracking** - contribute to the project and report issues on our GitHub repositories. @@ -76,4 +111,4 @@ Need help? We're here to support you: --- -Ready to get started? [Choose your deployment method](/docs/getting-started), explore our [use case templates](/docs/spaces), or [integrate with our API](/docs/api-reference). +Ready to get started? [Choose your deployment method](/docs/getting-started), explore our [use case templates](/docs/spaces). diff --git a/src/content/index.mdx b/src/content/index.mdx index 6392719..afe170c 100644 --- a/src/content/index.mdx +++ b/src/content/index.mdx @@ -1,4 +1,170 @@ -import {Cards} from "nextra/components"; +import { Cards } from "nextra/components"; + +export const styles = { + containerNoneEvents: { + padding: "5px 10px", + pointerEvents: "none" + }, +} + +export const protocols = [ + { + title: "LoRaWAN", + desc: "Long Range Wide Area Network", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/lora-logo.png", + imgStyle: { width: "104px" } + }, + { + title: "HTTP/HTTPS", + desc: "REST API", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/http.png", + imgStyle: { width: "74px" } + }, + { + title: "MQTT", + desc: "Pub/Sub Messaging", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/mqtt.png", + imgStyle: { width: "74px" } + }, + { + title: "WebSocket", + desc: "Real-time Data", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/websocket.png", + imgStyle: { width: "44px" } + }, + { + title: "Socket.IO", + desc: "Real-time Engine", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/socket-io.png", + imgStyle: { width: "44px" } + }, + { + title: "CoAP", + desc: "Constrained Application", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/constrained-app.png", + imgStyle: { width: "44px" }, + className: "svg-icon" + }, + { + title: "LwM2M", + desc: "Device Management", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/lwm2m.png", + imgStyle: { height: "64px" } + }, + { + title: "SNMP", + desc: "Network Management", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/snmp.png", + imgStyle: { width: "44px" }, + className: "svg-icon", + } +] + +export const platforms = [ + { + title: "ChirpStack", + desc: "LoRaWAN Network Server", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/chirpstack.png", + imgStyle: { height: "54px" }, + className: "svg-icon" + }, + { + title: "The Things Network", + desc: "Community LoRaWAN", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/ttn.webp", + imgStyle: { width: "54px" } + }, + { + title: "Helium", + desc: "People's Network", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/helium.png", + imgStyle: { height: "54px" } + }, + { + title: "Your Platform", + desc: "Custom Integration", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/platform.jpg", + imgStyle: { height: "54px" } + }, + { + title: "Your MQTT Platform", + desc: "MQTT Broker Integration", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/mqtt.png", + imgStyle: { height: "24px" } + } +] + +export const useCases = [ + { + title: "Fleet Tracking", + desc: "Vehicle & Asset Tracking", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/location.png", + href: "/docs/onboarding/fleet-tracking", + }, + { + title: "Smart Buildings", + desc: "Building Management", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/building.png", + href: "/docs/onboarding/smart-building", + }, +] + +export const dashboardFeatures = [ + { + title: "Digital Twins", + desc: "Virtual Replicas", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/digital-twin.png", + imgStyle: { height: "54px" } + }, + { + title: "Views", + desc: "Custom Layouts", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/grid.png", + imgStyle: { height: "44px" } + }, + { + title: "Cards", + desc: "Data Components", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/real-time-strategy.png", + imgStyle: { height: "44px" } + }, + { + title: "Widgets", + desc: "Interactive Elements", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/window.png", + imgStyle: { height: "44px" } + }, + { + title: "Badges", + desc: "Status Indicators", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/status-update.png", + imgStyle: { height: "44px" } + }, + { + title: "2D/3D Views", + desc: "Spatial Visualization", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/3d.png", + imgStyle: { height: "44px" } + } +] + +export const org = [ + { + title: "Multi-Tenant", + desc: "Isolated Environments", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/organization-chart.png" + }, + { + title: "Multi-Spaces", + desc: "Hierarchical Structure", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/space.png" + }, + { + title: "Group Your Assets", + desc: "Asset Organization", + img: "https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/assets.png" + } +] # Introduction @@ -9,120 +175,24 @@ SpaceDF is a comprehensive **IoT platform** that supports multiple protocols and Connect your devices using any of these protocols through our **Multi-Protocol Adapter (MPA) Service**: - - } - > - **Long Range Wide Area Network** - - - } - > - **REST API** - - - } - > - **Pub/Sub Messaging** - - - } - > - **Real-time Data** - - - } - > - **Real-time Engine** - - - } - > - **Constrained Application** - - - } - > - **Device Management** - - - } - > - **Network Management** - + {protocols.map((item, index) => ( + + } + > + {item.desc} + + ))} ## Supported Platforms @@ -130,291 +200,101 @@ Connect your devices using any of these protocols through our **Multi-Protocol A SpaceDF integrates seamlessly with popular IoT platforms and network servers: - - } - > - **LoRaWAN Network Server** - - - } - > - **Community LoRaWAN** - - - } - > - **People's Network** - - - } - > - **Custom Integration** - - - } - > - **MQTT Broker Integration** - + {platforms.map((item, index) => ( + + } + > + {item.desc} + + ))} ## Use Case Templates - - } - > - **Vehicle & Asset Tracking** - - - } - > - **Building Management** - - - } - > - **Urban IoT Solutions** - - - } - > - **Manufacturing & Logistics** - + {useCases.map((item, index) => ( + + } + > + {item.desc} + + ))} ## Dashboards Visualize and interact with your IoT data through powerful dashboard components and views: + - - } - > - **Virtual Replicas** - - - } - > - **Custom Layouts** - - - } - > - **Data Components** - - - } - > - **Interactive Elements** - - - } - > - **Status Indicators** - - - } - > - **Spatial Visualization** - + {dashboardFeatures.map((item, index) => { + return ( + + } + > + {item.desc} + + ) + })} ## Organizations Organize and manage your IoT deployments with flexible multi-tenant architecture: + - - } - > - **Isolated Environments** - - - } - > - **Hierarchical Structure** - - - } - > - **Asset Organization** - + {org.map((item, index) => ( + + } + > + {item.desc} + + ))} ## Next Steps @@ -422,20 +302,18 @@ Organize and manage your IoT deployments with flexible multi-tenant architecture Ready to get started with SpaceDF? Follow these steps to begin your IoT journey: - - - - + + + ## Popular Topics -- [Quick Start Guide](/getting-started) - Get up and running in minutes -- [Multi-Protocol Setup](/devices) - Connect devices via LoRaWAN, MQTT, API, and WebSocket -- [Use Case Templates](/spaces) - Fleet tracking, smart buildings, and smart city solutions -- [Location Services](/spaces) - Real-time positioning and analytics -- [API Integration](/api-reference) - RESTful APIs, SDKs, and webhook integration -- [Multi-Tenancy](/organizations) - Organization setup and user management +- [Quick Start Guide](/docs/getting-started) - Get up and running in minutes +- [Multi-Protocol Setup](/docs/devices) - Connect devices via LoRaWAN, MQTT, API, and WebSocket +- [Use Case Templates](/docs/onboarding) - Fleet tracking, smart buildings, and smart city solutions +- [Location Services](/docs/spaces) - Real-time positioning and analytics +- [Multi-Tenancy](/docs/organizations) - Organization setup and user management - [Troubleshooting](/troubleshooting) - Common issues and solutions ## Support & Community @@ -444,14 +322,14 @@ Need help? We're here to support you: } @@ -460,14 +338,14 @@ Need help? We're here to support you: developers in our active community forum. } @@ -476,14 +354,14 @@ Need help? We're here to support you: and report issues on our GitHub repositories. } @@ -492,14 +370,14 @@ Need help? We're here to support you: mission-critical deployments. } @@ -511,4 +389,4 @@ Need help? We're here to support you: --- -Ready to get started? [Choose your deployment method](/docs/getting-started), explore our [use case templates](/docs/organizations), or [integrate with our API](/docs/api-reference). +Ready to get started? [Choose your deployment method](/docs/getting-started), explore our [use case templates](/docs/organizations).