Skip to content

Instantly share code, notes, and snippets.

View fivepixels's full-sized avatar
🎯
Focusing

Seol So fivepixels

🎯
Focusing
View GitHub Profile
[START][2023-09-10 09:23:55] LSP logging initiated
[INFO][2023-09-10 09:23:55] .../lua/vim/lsp.lua:1876 "exit_handler" {}
[START][2023-09-10 09:24:34] LSP logging initiated
[INFO][2023-09-10 09:24:34] .../lua/vim/lsp.lua:1876 "exit_handler" {}
[START][2023-09-10 09:24:36] LSP logging initiated
[INFO][2023-09-10 09:24:36] .../lua/vim/lsp.lua:1876 "exit_handler" {}
[START][2023-09-10 09:24:53] LSP logging initiated
[INFO][2023-09-10 09:24:53] .../lua/vim/lsp.lua:1876 "exit_handler" {}
[START][2023-09-10 09:24:55] LSP logging initiated
[INFO][2023-09-10 09:24:55] .../lua/vim/lsp.lua:1876 "exit_handler" {}
@fivepixels
fivepixels / ssg.tsx
Last active June 16, 2023 18:52
SSG Next JS Page
import { GetStaticPaths, GetStaticProps, NextPage } from 'next';
interface Project {
title: string;
id: number;
}
interface IPageProps {
projects: Project[];
author: string;
@fivepixels
fivepixels / page.tsx
Last active June 16, 2023 18:19
Normal Next JS Page
const Page = () => {
return (
<div>
<span>This is just a page.</span>
</div>
};
export defualt Page;
@fivepixels
fivepixels / .eslintrc.js
Created June 14, 2023 16:16
The Default Eslint Configuration File
const eslintConfig = {
extends: "next/core-web-vitals",
rules: {
"react-hooks/exhaustive-deps": "off"
}
};
module.exports = eslintConfig;
@fivepixels
fivepixels / .prettierrc.js
Last active June 14, 2023 16:15
The default Prettier Configuration File
const prettierConfig = {
arrowParens: "avoid",
singleQuote: false,
bracketSpacing: true,
endOfLine: "lf",
semi: true,
tabWidth: 2,
useTabs: false,
trailingComma: "none"
};
@fivepixels
fivepixels / package.json
Created June 14, 2023 16:14
Initial package.json
{
"name": "",
"description": "",
"author": "Cattynip",
"version": "0.1.0",
"private": true,
"scripts": {
"format": "next lint && yarn eslint . --fix && yarn prettier --write . && npx prisma format"
},
"dependencies": {
@fivepixels
fivepixels / component.tsx
Created June 14, 2023 15:52
The React Component Format
interface IComponentProps {
name: string;
id: number;
}
const Component = ({name, id}: IComponentProps) => {
return (
<div>
<span>Hello World!</span>
<p>Nice to meet you, {name}.</p>