{"id":3215,"date":"2025-04-02T18:04:06","date_gmt":"2025-04-02T16:04:06","guid":{"rendered":"https:\/\/uniquedevs.com\/blog\/jak-rozpoczac-prace-z-lynx-js-skonfiguruj-swoj-pierwszy-projekt\/"},"modified":"2025-04-04T16:14:53","modified_gmt":"2025-04-04T14:14:53","slug":"getting-started-with-lynxjs","status":"publish","type":"post","link":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/","title":{"rendered":"How to get started with Lynx js? Configure your first project"},"content":{"rendered":"\n<p>Lynx JS is a framework that allows you to <a href=\"https:\/\/uniquedevs.com\/en\/offer\/mobile-development\/\">create mobile applications<\/a> using HTML-like syntax, native CSS and logic in JavaScript. This allows web developers to quickly enter the world of mobile apps without having to learn new languages. The framework is designed with performance and simplicity in mind &#8211; all thanks to a few key features like: declarative user interface, built-in CSS support and dual-threaded architecture. If you are interested in the basics about Lynx, see our article titled:<a href=\"https:\/\/uniquedevs.com\/en\/blog\/lynx-modern-cross-platform-framework\/\">&#8220;Lynx &#8211; a new player in the cross-platform mobile framework market<\/a>&#8220;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites to get started with Lynx JS<\/h2>\n\n\n\n<p>To get started with Lynx JS, you need to meet certain system requirements and prepare a suitable development environment.<\/p>\n\n\n\n<p><strong>System requirements:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Node.js:<\/strong>\u00a0Version 18 or higher. For projects using TypeScript, version 18.19 or higher is recommended.<\/li>\n\n\n\n<li><strong>Operating system:<\/strong>\u00a0macOS or Linux. Developers planning to create iOS apps are required to have Xcode installed on macOS. \u200b<\/li>\n\n\n\n<li><strong>Android SDK:<\/strong>\u00a0Required for developing Android apps. \u200b<\/li>\n\n\n\n<li><strong>Code editor<\/strong>: For example, AI Code Editor, Visual Studio Code or any other code editor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Installation and configuration of the first project<\/h2>\n\n\n\n<p>Step 1 Start the project using <a href=\"https:\/\/npmjs.org\/package\/create-rspeedy\"><code>create-rspeedy<\/code><\/a>, which will set everything up automatically, without the need for manual configuration. Run the command:<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>run create rspeedy@latest\n<\/code><\/pre>\n\n\n\n<p>During the configuration process, you will be asked to:&nbsp;<br>&#8211; project name or path: you can enter your own or press&nbsp;<code>the Tab key<\/code>to use the default<br>&#8211; language selection &#8211; TypeScript or JavaScript&nbsp;<br>&#8211; additional tools, e.g. Biome for formatting.<\/p>\n\n\n\n<p>Once you have completed these steps, a new folder with the project configuration will be created.<\/p>\n\n\n\n<p>Step 2. Go to your project directory and install the required packages:<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>cd name-your-project<\/code><\/pre>\n\n\n\n<p>Step 3. Install NPM dependencies using the package manager:<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>nmp install<\/code><\/pre>\n\n\n\n<p>Step 4. Next, start the development server:<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>nmp run dev<\/code><\/pre>\n\n\n\n<p>Your application should now work. You can preview your application in Lynx Explorer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How can I preview the app in Lynx Explorer?<\/h2>\n\n\n\n<p><strong>1. Checking the app on iOS<\/strong><\/p>\n\n\n\n<p>For&nbsp;<a href=\"https:\/\/uniquedevs.com\/en\/blog\/what-is-ios-operating-system\/\">iOS<\/a>, you first need to download&nbsp;<a href=\"https:\/\/apps.apple.com\/us\/app\/xcode\/id497799835\">Xcode<\/a>&nbsp;from the Mac App Store. Then download LynxExplorer for macOS from the official website. After downloading, you need to extract it:<\/p>\n\n\n\n<p>mkdir -p LynxExplorer-arm64.app\/&nbsp;<br>tar -zxf LynxExplorer-arm64.app.tar.gz -C LynxExplorer-arm64.app\/<\/p>\n\n\n\n<p>The next step is to drag the LynxExplorer app onto the iOS Simulator, which will install it in this environment.<\/p>\n\n\n\n<p><strong>2. Checking the Android app<\/strong><\/p>\n\n\n\n<p>To run the app in developer mode, type the following in the terminal<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code><code>npm run dev<\/code><\/code><\/pre>\n\n\n\n<p>This command will launch a local development server and generate a QR code that allows you to easily connect to the application.<\/p>\n\n\n\n<p>Then download and install the Lynx Explorer app on your Android device. Once you have started Lynx Explorer, scan the QR code you generated earlier. The app will automatically load on your phone, allowing you to test its live functionality.<\/p>\n\n\n                        <div class=\"contact-banner boxes\" >\n                <div class=\"contact-banner__image\">\n                    <img decoding=\"async\" src=\"https:\/\/uniquedevs.com\/wp-content\/themes\/uniquedevs\/assets\/images\/boxes.webp\" alt=\"Need support with mobile projects?\">\n                <\/div>\n                <div class=\"contact-banner__image-mobile\">\n                    <img decoding=\"async\" src=\"https:\/\/uniquedevs.com\/wp-content\/themes\/uniquedevs\/assets\/images\/boxes-mobile.webp\" alt=\"Need support with mobile projects?\">\n                <\/div>\n                <div class=\"contact-banner__wprapper\">\n                                            <div class=\"contact-banner__wrapper-title\">\n                            Need support with mobile projects?                        <\/div>\n                                                                                            <a href=\"https:\/\/uniquedevs.com\/en\/contact\/\" class=\"contact-banner__wrapper-btn\" >\n                                Write to us!                            <\/a>\n                                                            <\/div>\n            <\/div>\n            \n\n\n<h2 class=\"wp-block-heading\">How can I make changes to the project?<\/h2>\n\n\n\n<p>It&#8217;s very simple. Open the file&nbsp;<code>src\/App.tsx<\/code>&nbsp;in your code editor and make any changes you want.<\/p>\n\n\n\n<p>You should see that the user interface in the Lynx Explorer application is updated automatically.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How can I build the first component in Lynx?<\/h2>\n\n\n\n<p>Now that you have your environment ready and your project running, it is time to create your first component. I will show you a simple example of a click counter, which will help you learn the basics of Lynx syntax, reactive data and event handling.<\/p>\n\n\n\n<p>First, create <code>Counter.lynx<\/code> file in <code>src\/components\/<\/code> directory. Paste the following code into it:<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>&lt;view class=\"container\">\n  &lt;text class=\"count\">Clicks: {{ count }}&lt;\/text>\n  &lt;view class=\"button\" @tap=\"increment\">\n    &lt;text>+&lt;\/text>\n  &lt;\/view>\n&lt;\/view>\n\n&lt;script>\nexport default {\n  data() {\n    return {\n      count: 0\n    }\n  },\n\n.container {\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  background-color: #f9f9f9;\n}\n\n.count {\n  font-size: 24px;\n  margin-bottom: 20px;\n}\n\n.button {\n  background-color: #007aff;\n  padding: 12px 20px;\n  border-radius: 10px;\n}\n\n.button text {\n  color: white;\n  font-size: 20px;\n}\n&lt;\/style>\n<\/code><\/pre>\n\n\n\n<p>This simple component demonstrates several key features of Lynx JS:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>declarative structure \u2013 layout based on\u00a0<code>view<\/code>\u00a0and\u00a0<code>text<\/code>, similar to HTML, but directly mapped to native Android and iOS components.<\/li>\n\n\n\n<li>reactivity \u2013 the\u00a0<code>count<\/code>\u00a0variable automatically updates the interface after each change.<\/li>\n\n\n\n<li>events \u2013 assigning\u00a0<code>@tap=\u201cincrement\u201d<\/code>\u00a0calls the method when the button is clicked.<\/li>\n\n\n\n<li>CSS styling \u2013 exactly like in web applications. You have access to properties that are missing in\u00a0<a href=\"https:\/\/uniquedevs.com\/en\/blog\/what-is-react-native\/\">React Native<\/a>, for example, without additional tools.<\/li>\n<\/ul>\n\n\n\n<p>To display a component, import it in the&nbsp;<code>App.lynx<\/code>&nbsp;file and use it like a regular tag:<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>&lt;template&gt;\n  &lt;view class=\"app\"&gt;\n    &lt;Counter \/&gt;\n  &lt;\/view&gt;\n&lt;\/template&gt;\n\n&lt;script&gt;\nimport Counter from '.\/components\/Counter.lynx'\n\nexport default {\n  components: {\n    Counter\n  }\n}\n&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p>After saving the changes and refreshing the application (in the emulator or via Lynx Explorer), you will see a fully functional counter. This is the first step towards creating more complex interfaces in Lynx JS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Developing projects with Lynx JS \u2013 what makes this framework stand out?<\/h2>\n\n\n\n<p>Lynx JS is not just another mobile framework \u2013 it is a modern platform that has been designed for maximum performance, flexibility and convenience for web developers. Here are a few features that really make the difference:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Two-thread architecture<\/h4>\n\n\n\n<p>Unlike React Native, Lynx works in a two-thread model \u2013 the application logic and interface rendering work independently of each other. This allows the UI to remain responsive even with complex calculations in the background. This is a huge step forward in terms of smoothness and stability.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Full support for native CSS<\/h4>\n\n\n\n<p>Lynx allows you to write styles using full&nbsp;<a href=\"https:\/\/uniquedevs.com\/en\/blog\/what-is-css\/\">CSS (Cascading Style Sheets)<\/a>, including selectors, variables, animations, and media queries. You don&#8217;t have to learn any new APIs for styling &#8211; everything works just like in a browser.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. Lynx is not just for Reacters<\/h4>\n\n\n\n<p>Although it currently supports React, Lynx is a framework agnostic. This means that it will be possible to develop applications with other libraries such as&nbsp;<a href=\"https:\/\/uniquedevs.com\/blog\/czym-jest-vue-js\/\">Vue<\/a>&nbsp;or Svelte in the future.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">4. It also works on the web<\/h4>\n\n\n\n<p>Lynx can also be rendered in a web browser, which speeds up the UI testing process and allows you to build cross-platform applications with even more freedom.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ &#8211; Frequently Asked Questions<\/h2>\n\n\n\n<p><strong>How do I get started with Lynx?<\/strong><br>Install Node.js (18+), download the&nbsp;<code>Rspeedy<\/code>&nbsp;tool and create a new project with the command&nbsp;<code>Run create rspeedy@latest<\/code>. Then start the development server with the command&nbsp;<code>Run run dev<\/code>&nbsp;and open the app in Lynx Explorer.<\/p>\n\n\n\n<p><strong>How does the Lynx app work?<\/strong><br>The Lynx application is based on a two-thread architecture \u2013 the user interface is rendered natively (Android\/iOS), and the application logic runs in a separate thread. You write the code in HTML syntax with CSS and JavaScript, which allows you to create fast and responsive mobile applications.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lynx JS is a modern mobile app development framework that combines the best of the web and native worlds. If you&#8217;re a front-end developer used to HTML, CSS and JavaScript, Lynx opens the door to the world of mobile apps without having to learn Swift or Kotlin. Thanks to its Rust-based architecture, apps written in Lynx are lightweight, fast and extremely responsive, and the framework itself allows you to create native user interfaces in a familiar web-based syntax. In this article, we&#8217;ll show you how to get started with Lynx JS in a simple way &#8211; from installing the environment, to getting your project up and running, to creating a custom component with logic and styles.<\/p>\n","protected":false},"author":2,"featured_media":4862,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-3215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to get started with Lynx js? Configure your first project | UniqueDevs<\/title>\n<meta name=\"description\" content=\"Discover how to set up your first Lynx JS project, preview it on Android or iOS, and build interactive components with ease using familiar web technologies.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get started with Lynx js? Configure your first project | UniqueDevs\" \/>\n<meta property=\"og:description\" content=\"Discover how to set up your first Lynx JS project, preview it on Android or iOS, and build interactive components with ease using familiar web technologies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Unique-Devs\/61564365418277\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-02T16:04:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-04T14:14:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"848\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Hubert Olech\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hubert Olech\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/\"},\"author\":{\"name\":\"Hubert Olech\",\"@id\":\"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18\"},\"headline\":\"How to get started with Lynx js? Configure your first project\",\"datePublished\":\"2025-04-02T16:04:06+00:00\",\"dateModified\":\"2025-04-04T14:14:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/\"},\"wordCount\":1008,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/uniquedevs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp\",\"articleSection\":[\"Mobile\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/\",\"url\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/\",\"name\":\"How to get started with Lynx js? Configure your first project | UniqueDevs\",\"isPartOf\":{\"@id\":\"https:\/\/uniquedevs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp\",\"datePublished\":\"2025-04-02T16:04:06+00:00\",\"dateModified\":\"2025-04-04T14:14:53+00:00\",\"description\":\"Discover how to set up your first Lynx JS project, preview it on Android or iOS, and build interactive components with ease using familiar web technologies.\",\"breadcrumb\":{\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage\",\"url\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp\",\"contentUrl\":\"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp\",\"width\":1280,\"height\":848},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/uniquedevs.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile\",\"item\":\"https:\/\/uniquedevs.com\/blog\/category\/mobile\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to get started with Lynx js? Configure your first project\"}]},{\"@type\":\"Website\",\"@id\":\"https:\/\/uniquedevs.com\/#website\",\"url\":\"https:\/\/uniquedevs.com\/\",\"name\":\"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/uniquedevs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/uniquedevs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},[],{\"@type\":\"Person\",\"@id\":\"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18\",\"name\":\"Hubert Olech\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uniquedevs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844\",\"contentUrl\":\"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844\",\"caption\":\"Hubert Olech\"},\"description\":\"Huber Olech - Founder @UniqueDevs. \u0141\u0105cz\u0119 \u015bwiat technologii z biznesem, pomagaj\u0105c firmom rozwija\u0107 si\u0119 dzi\u0119ki innowacyjnym rozwi\u0105zaniom cyfrowym. Pasja do software development zainspirowa\u0142a mnie do zbudowania zespo\u0142u ekspert\u00f3w, z kt\u00f3rymi wsp\u00f3lnie dostarczamy najwy\u017cszej jako\u015bci produkty dla swoich Klient\u00f3w. W oparciu o swoje wieloletnie do\u015bwiadczenie w bran\u017cy IT, rozumiem trendy w nowych technologiach i potrafi\u0119 przeku\u0107 je w wymierne korzy\u015bci dla firm. Moj\u0105 misj\u0105 jest tworzenie rozwi\u0105za\u0144, kt\u00f3re nie tylko usprawniaj\u0105 procesy, ale tak\u017ce otwieraj\u0105 przed Klientami nowe mo\u017cliwo\u015bci rynkowe i zwi\u0119kszaj\u0105 ich konkurencyjno\u015b\u0107.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/hubert-olech-b0a524167\/\"],\"url\":\"https:\/\/uniquedevs.com\/en\/blog\/author\/h-olech\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to get started with Lynx js? Configure your first project | UniqueDevs","description":"Discover how to set up your first Lynx JS project, preview it on Android or iOS, and build interactive components with ease using familiar web technologies.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How to get started with Lynx js? Configure your first project | UniqueDevs","og_description":"Discover how to set up your first Lynx JS project, preview it on Android or iOS, and build interactive components with ease using familiar web technologies.","og_url":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/","og_site_name":"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs","article_publisher":"https:\/\/www.facebook.com\/people\/Unique-Devs\/61564365418277\/","article_published_time":"2025-04-02T16:04:06+00:00","article_modified_time":"2025-04-04T14:14:53+00:00","og_image":[{"width":1280,"height":848,"url":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp","type":"image\/webp"}],"author":"Hubert Olech","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hubert Olech","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#article","isPartOf":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/"},"author":{"name":"Hubert Olech","@id":"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18"},"headline":"How to get started with Lynx js? Configure your first project","datePublished":"2025-04-02T16:04:06+00:00","dateModified":"2025-04-04T14:14:53+00:00","mainEntityOfPage":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/"},"wordCount":1008,"commentCount":0,"publisher":{"@id":"https:\/\/uniquedevs.com\/#organization"},"image":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage"},"thumbnailUrl":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp","articleSection":["Mobile"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/","url":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/","name":"How to get started with Lynx js? Configure your first project | UniqueDevs","isPartOf":{"@id":"https:\/\/uniquedevs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage"},"image":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage"},"thumbnailUrl":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp","datePublished":"2025-04-02T16:04:06+00:00","dateModified":"2025-04-04T14:14:53+00:00","description":"Discover how to set up your first Lynx JS project, preview it on Android or iOS, and build interactive components with ease using familiar web technologies.","breadcrumb":{"@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#primaryimage","url":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp","contentUrl":"https:\/\/uniquedevs.com\/wp-content\/uploads\/2025\/04\/work-5801876_1280.webp","width":1280,"height":848},{"@type":"BreadcrumbList","@id":"https:\/\/uniquedevs.com\/en\/blog\/getting-started-with-lynxjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/uniquedevs.com\/en\/"},{"@type":"ListItem","position":2,"name":"Mobile","item":"https:\/\/uniquedevs.com\/blog\/category\/mobile\/"},{"@type":"ListItem","position":3,"name":"How to get started with Lynx js? Configure your first project"}]},{"@type":"Website","@id":"https:\/\/uniquedevs.com\/#website","url":"https:\/\/uniquedevs.com\/","name":"Software House - rozwi\u0105zania IT dla Twojego biznesu | UniqueDevs","description":"","publisher":{"@id":"https:\/\/uniquedevs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uniquedevs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},[],{"@type":"Person","@id":"https:\/\/uniquedevs.com\/#\/schema\/person\/a2c9b776ac544a910615b03c8b9c4c18","name":"Hubert Olech","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uniquedevs.com\/#\/schema\/person\/image\/","url":"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844","contentUrl":"https:\/\/uniquedevs.com\/wp-content\/litespeed\/avatar\/4aa41b6b162ba5c7c2dc5577af43de87.jpg?ver=1776685844","caption":"Hubert Olech"},"description":"Huber Olech - Founder @UniqueDevs. \u0141\u0105cz\u0119 \u015bwiat technologii z biznesem, pomagaj\u0105c firmom rozwija\u0107 si\u0119 dzi\u0119ki innowacyjnym rozwi\u0105zaniom cyfrowym. Pasja do software development zainspirowa\u0142a mnie do zbudowania zespo\u0142u ekspert\u00f3w, z kt\u00f3rymi wsp\u00f3lnie dostarczamy najwy\u017cszej jako\u015bci produkty dla swoich Klient\u00f3w. W oparciu o swoje wieloletnie do\u015bwiadczenie w bran\u017cy IT, rozumiem trendy w nowych technologiach i potrafi\u0119 przeku\u0107 je w wymierne korzy\u015bci dla firm. Moj\u0105 misj\u0105 jest tworzenie rozwi\u0105za\u0144, kt\u00f3re nie tylko usprawniaj\u0105 procesy, ale tak\u017ce otwieraj\u0105 przed Klientami nowe mo\u017cliwo\u015bci rynkowe i zwi\u0119kszaj\u0105 ich konkurencyjno\u015b\u0107.","sameAs":["https:\/\/www.linkedin.com\/in\/hubert-olech-b0a524167\/"],"url":"https:\/\/uniquedevs.com\/en\/blog\/author\/h-olech\/"}]}},"_links":{"self":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts\/3215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/comments?post=3215"}],"version-history":[{"count":1,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts\/3215\/revisions"}],"predecessor-version":[{"id":3217,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/posts\/3215\/revisions\/3217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/media\/4862"}],"wp:attachment":[{"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/media?parent=3215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/categories?post=3215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uniquedevs.com\/en\/wp-json\/wp\/v2\/tags?post=3215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}