https://github.com/Los-Crackitos/svelte-tailwind-i18n-template

Svelte project template with Tailwindcss and i18n pre-configured
https://github.com/Los-Crackitos/svelte-tailwind-i18n-template

hacktoberfest i18n postcss svelte3 tailwindcss template-project

Last synced: 21 days ago
JSON representation

Svelte project template with Tailwindcss and i18n pre-configured

• Host: GitHub
• URL: https://github.com/Los-Crackitos/svelte-tailwind-i18n-template
• Owner: Los-Crackitos
• Created: 2020-09-07T13:54:41.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-01T13:16:59.000Z (almost 4 years ago)
• Last Synced: 2024-03-03T17:38:57.789Z (4 months ago)
• Topics: hacktoberfest, i18n, postcss, svelte3, tailwindcss, template-project
• Language: JavaScript
• Homepage:
• Size: 13.7 KB
• Stars: 7
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-starred - Los-Crackitos/svelte-tailwind-i18n-template - Svelte project template with Tailwindcss and i18n pre-configured (hacktoberfest)
• awesome-stars - svelte-tailwind-i18n-template - configured | Los-Crackitos | 5 | (JavaScript)

README

        
_Looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)_

---

# svelte app with Tailwindcss/PostCSS and internationalization

This is a project template for [Svelte](https://svelte.dev) apps.

This template override the Svelte default one and add Tailwindcss with PostCSS and i18n internationalization.

It lives at https://github.com/Los-Crackitos/svelte-tailwind-i18n-template.

To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):

```bash

npx degit Los-Crackitos/svelte-tailwind-i18n-template svelte-app

cd svelte-app

```

_Note that you will need to have [Node.js](https://nodejs.org) installed._

## Get started

Install the dependencies...

```bash

cd svelte-app

npm install

```

...then start [Rollup](https://rollupjs.org):

```bash

npm run dev

```

Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.

## Building and running in production mode

To create an optimised version of the app:

```bash

npm run build

```

You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).

## Single-page app mode

By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.

If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for _any_ path. You can make it so by editing the `"start"` command in package.json:

```js

"start": "sirv public --single"

```

## Deploying to the web

### With [Vercel](https://vercel.com)

Install `vercel` if you haven't already:

```bash

npm install -g vercel

```

Then, from within your project folder:

```bash

cd public

vercel deploy --name my-project

```

### With [surge](https://surge.sh/)

Install `surge` if you haven't already:

```bash

npm install -g surge

```

Then, from within your project folder:

```bash

npm run build

surge public my-project.surge.sh

```