Skip to content

Commit

Permalink
add: sveltekit
Browse files Browse the repository at this point in the history
  • Loading branch information
Coordinate-Cat committed May 13, 2022
1 parent 4db4960 commit 596c53f
Show file tree
Hide file tree
Showing 40 changed files with 6,140 additions and 0 deletions.
24 changes: 24 additions & 0 deletions .eslintrc.cjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
module.exports = {
root: true,
parser: '@typescript-eslint/parser',
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
plugins: ['svelte3', '@typescript-eslint', "eslint-plugin-no-jp"],
ignorePatterns: ['*.cjs'],
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
settings: {
'svelte3/typescript': () => require('typescript')
},
parserOptions: {
sourceType: 'module',
ecmaVersion: 2020
},
rules: {
"no-jp/no-jp-identifier": 2,
"no-jp/no-jp-comment": 2
},
env: {
browser: true,
es2017: true,
node: true
}
};
8 changes: 8 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
.DS_Store
node_modules
/build
/.svelte-kit
/package
.env
.env.*
!.env.example
1 change: 1 addition & 0 deletions .npmrc
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
engine-strict=true
44 changes: 44 additions & 0 deletions content/Let's start building/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
---
title: Let's start building stuff
date: 2022-03-08
description: I created this blog with sveltekit. And the development experience was amazing.
isCompleted: true
slug: lets-start-building
tags: [svelte, sveltekit, vercel, vite]
---

![image](https://user-images.githubusercontent.com/32632542/157171355-6345e6bf-420a-45ca-a0ec-83e0a7d924ef.png)

## Introduction

I work as a frontend-engineer and mostly use [React](https://reactjs.org/) at work. I was looking for a different frontend framework that __dose not__ use Virtual DOM to have more diverse skills under my belt.

I was always curious about [Svelte](https://svelte.dev/) and heard actually a lot of good things about it from people around me.

So I tried it out.

## Svelte

There are already many posts about [Svelte](https://svelte.dev/) by other people and reading the official document should be enough to start making stuff with it.

The syntax was very straightforward and I liked it a lot.

## Sveltekit

According to the [official document](https://kit.svelte.dev/),

> SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.
## Vite

Sveltekit internally uses [Vite](https://vitejs.dev/) as its build tool.

This surely provided the `faster and leaner` experince they promised. The `HMR` was absolutely instantaneous.

## Hosting

I also tried [vercel](https://vercel.com/) to host this blog. Hosting was extremely simple and easy. Setting the custom domain also was easy. Probably the best hosting service I've used so far.

## Other stuff

I made a [package](https://github.com/K-Sato1995/md-to-json-converter) that converts markdown files into JSON for this.
44 changes: 44 additions & 0 deletions content/created-myblog-with-svelte/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
---
title: Blog Template with Sveltekit
date: 2022-03-08
description: I created this blog with sveltekit. And the development experience was amazing.
isCompleted: true
slug: new-blog-made-with-sveltekit
tags: [svelte, sveltekit, vercel, vite]
---

![image](https://user-images.githubusercontent.com/32632542/157171355-6345e6bf-420a-45ca-a0ec-83e0a7d924ef.png)

## Introduction

I work as a frontend-engineer and mostly use [React](https://reactjs.org/) at work. I was looking for a different frontend framework that __dose not__ use Virtual DOM to have more diverse skills under my belt.

I was always curious about [Svelte](https://svelte.dev/) and heard actually a lot of good things about it from people around me.

So I tried it out.

## Svelte

There are already many posts about [Svelte](https://svelte.dev/) by other people and reading the official document should be enough to start making stuff with it.

The syntax was very straightforward and I liked it a lot.

## Sveltekit

According to the [official document](https://kit.svelte.dev/),

> SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.
## Vite

Sveltekit internally uses [Vite](https://vitejs.dev/) as its build tool.

This surely provided the `faster and leaner` experince they promised. The `HMR` was absolutely instantaneous.

## Hosting

I also tried [vercel](https://vercel.com/) to host this blog. Hosting was extremely simple and easy. Setting the custom domain also was easy. Probably the best hosting service I've used so far.

## Other stuff

I made a [package](https://github.com/K-Sato1995/md-to-json-converter) that converts markdown files into JSON for this.
44 changes: 44 additions & 0 deletions content/sveltekit-is-awesome/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
---
title: Sveltekit is Awesome
date: 2022-03-08
description: I created this blog with sveltekit. And the development experience was amazing.
isCompleted: true
slug: sveltekit-is-awesome
tags: [svelte, sveltekit, vercel, vite]
---

![image](https://user-images.githubusercontent.com/32632542/157171355-6345e6bf-420a-45ca-a0ec-83e0a7d924ef.png)

## Introduction

I work as a frontend-engineer and mostly use [React](https://reactjs.org/) at work. I was looking for a different frontend framework that __dose not__ use Virtual DOM to have more diverse skills under my belt.

I was always curious about [Svelte](https://svelte.dev/) and heard actually a lot of good things about it from people around me.

So I tried it out.

## Svelte

There are already many posts about [Svelte](https://svelte.dev/) by other people and reading the official document should be enough to start making stuff with it.

The syntax was very straightforward and I liked it a lot.

## Sveltekit

According to the [official document](https://kit.svelte.dev/),

> SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.
## Vite

Sveltekit internally uses [Vite](https://vitejs.dev/) as its build tool.

This surely provided the `faster and leaner` experince they promised. The `HMR` was absolutely instantaneous.

## Hosting

I also tried [vercel](https://vercel.com/) to host this blog. Hosting was extremely simple and easy. Setting the custom domain also was easy. Probably the best hosting service I've used so far.

## Other stuff

I made a [package](https://github.com/K-Sato1995/md-to-json-converter) that converts markdown files into JSON for this.
Loading

1 comment on commit 596c53f

@vercel
Copy link

@vercel vercel bot commented on 596c53f May 13, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

japan-osint – ./

japan-osint.vercel.app
japan-osint-tetrapasta02.vercel.app
japan-osint-git-main-tetrapasta02.vercel.app

Please sign in to comment.