Skip to main content
ST FN

Development

Getting Started

To kickstart your development process, navigate to your project folder and run the following command in your terminal:

yarn start

This command initiates file monitoring, activates TailwindCSS's Just-In-Time (JIT) mode, and compiles JavaScript upon every save. It also sets up a Browsersync proxy.

For live-reloading and to view changes in real-time, use the following URL: http://localhost:3000. This local server will utilize the SITE_URL variable from your .env file.

Additionally, you can view your project across devices within your Wi-Fi network (mobile, tablet, etc.). When you start the development environment, the terminal will display information similar to the following. Ensure that your devices are connected to the same network as your development machine and navigate to the external URL provided.

[Browsersync] Proxying: http://yoursite:8888 (example)
[Browsersync] Access URLs:
-------------------------------------
Local: http://localhost:3000
External: http://192.168.2.12:3000 (example)

Look for the 'External' URL to open your project on various devices on your local network. This feature is especially useful for testing responsiveness and cross-device functionality.