https://github.com/socketsupply/create-socket-app

Create Socket App, is like Create React App but helps you build native apps for mobile and desktop with Svelte, Reactjs, Vuejs and others!
https://github.com/socketsupply/create-socket-app

create-react-app cross-platform cross-platform-app desktop-app electron-app electron-react electron-svelte electron-vite electron-vue mobile-app react socket-runtime ui

Last synced: 12 days ago
JSON representation

Create Socket App, is like Create React App but helps you build native apps for mobile and desktop with Svelte, Reactjs, Vuejs and others!

• Host: GitHub
• URL: https://github.com/socketsupply/create-socket-app
• Owner: socketsupply
• Created: 2023-01-11T20:13:27.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-15T00:49:31.000Z (10 months ago)
• Last Synced: 2024-10-13T08:31:50.837Z (28 days ago)
• Topics: create-react-app, cross-platform, cross-platform-app, desktop-app, electron-app, electron-react, electron-svelte, electron-vite, electron-vue, mobile-app, react, socket-runtime, ui
• Language: JavaScript
• Homepage:
• Size: 255 KB
• Stars: 133
• Watchers: 8
• Forks: 14
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Create Socket App  

    

`Create Socket App` is similar to React's `Create React App`.  

It will help you build native apps for mobile and desktop with Svelte, Reactjs, Vuejs and others!  

The idea is to provide a few basic boilerplates and some strong opinions so you can get coding on a production quality app as quickly as possible.  

## Set up your Socket environement  

You can find more details about prerequisites, instructions, and many useful tips in [Socket Runtime](https://socketsupply.co/guides/) documentation.

## Quick Overview  

```bash

$npx create-socket-app -h

usage: create-socket-app [react | react-ts | svelte | tonic | vanilla | vue]  

```

```

$npx create-socket-app

Creating socket files...OK

Initializing npm package...OK

Installing dependencies...OK

Adding package scripts...OK

Updating project configuration...OK

Copying project boilerplate...OK

Type 'npm start' to launch the app

```  

## Getting Started 

Creat an empty directory and that's it, you are ready to go!

You may choose one of the following methods: 

### **npm**

Any of these following commands will work

```bash

npm init socket-app [react | react-ts | svelte | tonic | vanilla | vue]

npm create socket-app [react | react-ts | svelte | tonic | vanilla | vue]

```

  

### **yarn**

```bash

yarn create socket-app [react | react-ts | svelte | tonic | vanilla | vue]

```

### **pnpm**

```bash

pnpm create socket-app [react | react-ts | svelte | tonic | vanilla | vue]

```  

## Quick Demonstration Video

https://github.com/socketsupply/create-socket-app/assets/79177582/eddfd2f3-bf8f-4727-87a6-5937deb28823

## Output:

Now inside of your directory, you should have a `directory structure` like this:

```bash

.

├── README.md

├── build.js

├── package.json

├── socket.ini

├── src

│   ├── icon.png

│   ├── index.css

│   ├── index.html

│   └── index.js

└── test

    ├── index.js

    └── test-context.js

```

## Contributing 

 

If something doesn't work, please [Create an issue](https://github.com/socketsupply/create-socket-app).  

If you have questions or need help, please join our [Discord](https://discord.com/invite/YPV32gKCsH).