Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/navneetsharmaui/sveltekit-blog

Sveltekit blog starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.
https://github.com/navneetsharmaui/sveltekit-blog

blog ssg ssr svelte svelte-blog svelte-ssr svelte-tailwindcss sveltejs sveltekit sveltekit-amp sveltekit-blog sveltekit-ssr sveltekit-tailwindcss sveltekit-tailwindcss-template sveltekit-template tailwindcss-boilerplate typescript

Last synced: about 12 hours ago
JSON representation

Sveltekit blog starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.

Host: GitHub
URL: https://github.com/navneetsharmaui/sveltekit-blog
Owner: navneetsharmaui
License: mit
Created: 2021-08-22T07:33:39.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-09-14T02:10:44.000Z (13 days ago)
Last Synced: 2024-09-18T14:54:58.613Z (9 days ago)
Topics: blog, ssg, ssr, svelte, svelte-blog, svelte-ssr, svelte-tailwindcss, sveltejs, sveltekit, sveltekit-amp, sveltekit-blog, sveltekit-ssr, sveltekit-tailwindcss, sveltekit-tailwindcss-template, sveltekit-template, tailwindcss-boilerplate, typescript
Language: Svelte
Homepage: https://sveltekit-blog-starter.vercel.app
Size: 5.82 MB
Stars: 202
Watchers: 4
Forks: 30
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # :rocket: Sveltekit Starter Blog

[![Powered By Sveltekit](https://img.shields.io/badge/powered%20by-svelte-FF3C02.svg?style=flat&logo=svelte)](https://kit.svelte.dev/) [![Language: TypeScript](https://img.shields.io/badge/language-typescript-blue.svg?style=flat&logo=typescript)](https://www.typescriptlang.org/) [![ECMAScript: 2019](https://img.shields.io/badge/ES-9-F7DF1E.svg?style=flat&logo=javascript)](https://github.com/tc39/ecma262) [![Tailwindcss](https://img.shields.io/badge/Tailwindcss-CSS--Framework-%2338B2AC?logo=tailwindcss)](https://tailwindcss.com) [![Postcss](https://img.shields.io/badge/Postcss-style-%23DD3A0A?style=flat&logo=postcss)](https://postcss.org) [![SCSS](https://img.shields.io/badge/SCSS-Style-%23CC6699?style=flat&logo=sass)](https://sass-lang.com/) [![StorybookJS](https://img.shields.io/badge/Storybook-UI--Webcomponent--tool-%23FF4785?style=flat&logo=storybook)](https://storybook.js.org/) [![Jest](https://img.shields.io/badge/Jest-Unit--Testing--Framework-%23C21325?style=flat&logo=jest)](https://jestjs.io/) [![Prettier](https://img.shields.io/badge/Prettier-code--formatter-%23F7B93E?style=flat&logo=prettier)](https://prettier.io/) [![Eslint](https://img.shields.io/badge/Eslint-linter-%234B32C3?style=flat&logo=eslint)](https://eslint.org/) [![License: MIT](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat&logo=license)](https://github.com/navneetsharmaui/sveltekit-blog/blob/main/LICENSE)

![sveltekit](https://user-images.githubusercontent.com/11630812/114088279-7cd7be80-98d2-11eb-883c-66c3bf48f293.png)

Sveltekit Blog project created with Sveltekit, Typescript, Tailwindcss, Postcss, SCSS, Husky, ESLint, Prettier, Storybook, and MDSVEX.

The project has the ***SSR (Server Side Rendering)*** setup. These template is easy to configure and built upon as it has scalable structure.

## :100: :fire: Project LightHouse Report

![sveltekit-starter-lighthouse-report](https://user-images.githubusercontent.com/11630812/115241377-5d485d80-a13e-11eb-8667-611770992c28.png)

## :paperclip: Menu

- :bulb: [Features](#bulb-features)

- :hammer: [Project Setup](#hammer-project-setup)

- :bug: [Known Bugs](https://github.com/navneetsharmaui/sveltekit-blog/issues)

## :bulb: Features

- [:heavy_check_mark:] Server side rendering built with ***SEO*** in mind.

- [:heavy_check_mark:] SSR + Blog Setup.

- [:heavy_check_mark:] Tailwindcss + Postcss + SCSS Syntax Support in Postcss.

- [:heavy_check_mark:] Global Style and Variable preconfigured for Postcss.

- [:heavy_check_mark:] StorybookJS preconfigured (with postcss support).

- [:heavy_check_mark:] Browser sync, auto refresh, auto reload.

- [:heavy_check_mark:] 100% on Google Speedpage and 100% Lighthouse report.

- [:heavy_check_mark:] Friendly and Scalable boilerplate.

- [:heavy_check_mark:] Typescript + TSPaths (absolute for imports in component) preconfigured.

- [:heavy_check_mark:] Prettiers, ESLint, and Husky preconfigured.

- [:heavy_check_mark:] Github and Vscode dotfiles preconfigured.

## :hammer: Project Setup

1. `npx degit navneetsharmaui/sveltekit-blog my-app` or Clone this repository.

2. `npm install` or `yarn install` or `pnpm install`.

3. `npm run dev` or `yarn run dev` or `pnpm run dev`.

4. `npm run build:static:ssr` or `yarn run build:static:ssr` or `pnpm run build:static:ssr`.

5. `npm run preview` or `yarn run preview` or `pnpm run preview`.

## 💫 License

- Code and Contributions have **MIT License**

*Copyright (c) 2021 [Navneet Sharma](http://github.com/navneetsharmaui) ([@asnavneetsharma](https://twitter.com/asnavneetsharma))*