<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>idea ArcGIS Components React, NextJS, ShadcnUI in ArcGIS JavaScript Maps SDK Ideas</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-ideas/arcgis-components-react-nextjs-shadcnui/idi-p/1570628</link>
    <description>&lt;P&gt;Hey there!&amp;nbsp;&lt;/P&gt;&lt;P&gt;I'm want to share this repo on GitHub that combines ArcGIS components with React, Next.js, and Shadcn. This repository can be helpful who wants to get started with integrating these powerful tools together for building modern web applications. It's a basic example that demonstrates how to use ArcGIS API for JavaScript within a React application built with Next.js, styled using Shadcn-UI components. It includes:&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;&lt;STRONG&gt;Next.js:&lt;/STRONG&gt; A powerful React framework for server-rendered applications.&lt;/LI&gt;&lt;LI&gt;&lt;STRONG&gt;Shadcn-UI:&lt;/STRONG&gt; A modular and customizable UI library for React.&lt;/LI&gt;&lt;LI&gt;&lt;STRONG&gt;ArcGIS API for Javascript&amp;amp;colon;&lt;/STRONG&gt; To leverage geospatial capabilities in your application.&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-12-20 104514.png" style="width: 999px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/122256i6B38A4836C09A86F/image-size/large?v=v2&amp;amp;px=999" role="button" title="Screenshot 2024-12-20 104514.png" alt="Screenshot 2024-12-20 104514.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="https://github.com/gencharitaci/arcgis-components-react-nextjs14-shadcn" target="_blank" rel="noopener"&gt;https://github.com/gencharitaci/arcgis-components-react-nextjs14-shadcn&lt;/A&gt;&lt;/P&gt;&lt;P&gt;DEMO:&amp;nbsp;&lt;A href="https://arcgis-components-react-nextjs14-shadcnui.vercel.app/home" target="_blank" rel="noopener"&gt;https://arcgis-components-react-nextjs14-shadcnui.vercel.app/home&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Fri, 20 Dec 2024 15:51:09 GMT</pubDate>
    <dc:creator>kurtia</dc:creator>
    <dc:date>2024-12-20T15:51:09Z</dc:date>
    <item>
      <title>ArcGIS Components React, NextJS, ShadcnUI</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-ideas/arcgis-components-react-nextjs-shadcnui/idi-p/1570628</link>
      <description>&lt;P&gt;Hey there!&amp;nbsp;&lt;/P&gt;&lt;P&gt;I'm want to share this repo on GitHub that combines ArcGIS components with React, Next.js, and Shadcn. This repository can be helpful who wants to get started with integrating these powerful tools together for building modern web applications. It's a basic example that demonstrates how to use ArcGIS API for JavaScript within a React application built with Next.js, styled using Shadcn-UI components. It includes:&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;&lt;STRONG&gt;Next.js:&lt;/STRONG&gt; A powerful React framework for server-rendered applications.&lt;/LI&gt;&lt;LI&gt;&lt;STRONG&gt;Shadcn-UI:&lt;/STRONG&gt; A modular and customizable UI library for React.&lt;/LI&gt;&lt;LI&gt;&lt;STRONG&gt;ArcGIS API for Javascript&amp;amp;colon;&lt;/STRONG&gt; To leverage geospatial capabilities in your application.&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-12-20 104514.png" style="width: 999px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/122256i6B38A4836C09A86F/image-size/large?v=v2&amp;amp;px=999" role="button" title="Screenshot 2024-12-20 104514.png" alt="Screenshot 2024-12-20 104514.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="https://github.com/gencharitaci/arcgis-components-react-nextjs14-shadcn" target="_blank" rel="noopener"&gt;https://github.com/gencharitaci/arcgis-components-react-nextjs14-shadcn&lt;/A&gt;&lt;/P&gt;&lt;P&gt;DEMO:&amp;nbsp;&lt;A href="https://arcgis-components-react-nextjs14-shadcnui.vercel.app/home" target="_blank" rel="noopener"&gt;https://arcgis-components-react-nextjs14-shadcnui.vercel.app/home&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 20 Dec 2024 15:51:09 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-ideas/arcgis-components-react-nextjs-shadcnui/idi-p/1570628</guid>
      <dc:creator>kurtia</dc:creator>
      <dc:date>2024-12-20T15:51:09Z</dc:date>
    </item>
  </channel>
</rss>

