All Projects → stefanfrede → 11st Starter Kit

stefanfrede / 11st Starter Kit

11ty, powered by Snowpack with Tailwind CSS and Alpine.js.

Projects that are alternatives of or similar to 11st Starter Kit

next-pwa-template
Next.js progressive web app template
Stars: ✭ 266 (+88.65%)
Mutual labels:  pwa, tailwindcss
Sapper Ecommerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, 1 command deploy to production, Open Source, MIT license. Join us as contributor ([email protected])
Stars: ✭ 289 (+104.96%)
Mutual labels:  pwa, tailwindcss
scriptified.dev
A weekly newsletter with insightful tips, tools, resources & more on React and JavaScript. Made with NextJS && TailwindCSS. Curated by @gupta-ji6 && @prateek3255.
Stars: ✭ 18 (-87.23%)
Mutual labels:  pwa, tailwindcss
website
Gitpod website and documentation
Stars: ✭ 233 (+65.25%)
Mutual labels:  netlify, tailwindcss
Seed Quickstart Webpack
Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.
Stars: ✭ 73 (-48.23%)
Mutual labels:  netlify, tailwindcss
callum-flack-design
Design services portfolio & blog
Stars: ✭ 14 (-90.07%)
Mutual labels:  netlify, tailwindcss
react-seo-friendly-spa-template
React PWA/SPA template initially scaffolded with CRA (Create React App) and configured for SEO. Makes use of prerendering and other techniques/packages in order to achieve a perfect "Lighthouse Score".
Stars: ✭ 24 (-82.98%)
Mutual labels:  pwa, netlify
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-77.3%)
Mutual labels:  pwa, tailwindcss
Next Purescript Example
Simple example app using Next.js with Purescript
Stars: ✭ 35 (-75.18%)
Mutual labels:  netlify, tailwindcss
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (-79.43%)
Mutual labels:  pwa, tailwindcss
svelte-commerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to netlify.
Stars: ✭ 695 (+392.91%)
Mutual labels:  netlify, tailwindcss
Neat Starter
Starter Template for Netlify CMS, Eleventy, Alphine JS & Tailwind CSS
Stars: ✭ 104 (-26.24%)
Mutual labels:  netlify, tailwindcss
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (+65.96%)
Mutual labels:  netlify, pwa
YATAS
Yet Another Tailwind Alpine Starter
Stars: ✭ 18 (-87.23%)
Mutual labels:  netlify, tailwindcss
Reactive Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
Stars: ✭ 3,280 (+2226.24%)
Mutual labels:  pwa, tailwindcss
Awes Io
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟
Stars: ✭ 599 (+324.82%)
Mutual labels:  pwa, tailwindcss
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+768.09%)
Mutual labels:  netlify, pwa
Todolist Frontend Vuejs
Front-end application for Todolist Web application built with Laravel and Vue.js
Stars: ✭ 120 (-14.89%)
Mutual labels:  netlify, tailwindcss
Pwa
Progressive Web Apps for Rails
Stars: ✭ 133 (-5.67%)
Mutual labels:  pwa
Hello Pwa
The classic Hello World program as a Progressive Web App
Stars: ✭ 136 (-3.55%)
Mutual labels:  pwa

📦 11st-Starter-Kit

License: MIT Netlify Status

11ty, powered by Snowpack with Tailwind CSS and Alpine.js.

Install Dependencies

First, make sure you have npm (packaged with Node.js) installed, then run npm run setup to install the dependencies and validate that everything is running correctly.

Available Scripts

Development

# runs the app in the development mode.
npm run dev

Open http://localhost:8080 to view it in the browser.

The page will reload if you make file changes.

Production

To increase the production performance builds are optimized via @snowpack/plugin-optimize.

# builds a static copy of your site to the `dist/` folder.
npm run build
# serve the content from the `dist/` folder.
npm run serve

Open http://localhost:8080 to view it in the browser.

Your code is now ready to be deployed!

Netlify

To get your own instance of this 11st-Starter-Kit cloned and deploying to Netlify very quickly, just click the button below and follow the instructions.

Add some Netlify helpers

Netlify Dev adds the ability to use Netlify redirects, proxies, and serverless functions.

# install the Netlify CLI in order to get netlify dev
npm install -g netlify-cli

# run a local server with some added Netlify sugar
netlify dev

Code Quality

By default CSS and JavaScript is getting linted with every commit.

You can lint manually by running npm run lint and if errors occur you can try to fix them automatically by running npm run format.

With every pull request it is checked if the code can be build without errors and afterwards CSS and JavaScript is getting linted.

Additionally each page is audited by Lighthouse which can take some time. You can find the performance budget for this audit in the file ./budget.json.

License

This project is open source and available under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].