add sub git and git-tools
This commit is contained in:
commit
9a0c882fe4
GPG Key ID:
0F95C140730F2F23
41
.gitignore
vendored
Executable file
41
.gitignore
vendored
Executable file
|
|
@ -0,0 +1,41 @@
|
|||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
.pnpm-debug.log*
|
||||
|
||||
# local env files
|
||||
.env*
|
||||
!.env*.example
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
|
||||
# tailwind
|
||||
.turbo
|
||||
.vscode
|
||||
styles/dist.css
|
||||
38
README.md
Normal file
38
README.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
# Next.js + Turbopack App Directory Playground
|
||||
|
||||
[Turbopack](https://turbo.build/pack) is a new incremental bundler optimized for JavaScript and TypeScript, written in Rust by the creators of Webpack and Next.js at [Vercel](https://vercel.com). On large applications Turbopack updates 10x faster than Vite and 700x faster than Webpack ([benchmark](https://turbo.build/pack/docs/benchmarks)). For the biggest applications the difference grows even more stark with updates up to 20x faster than Vite.
|
||||
|
||||
This playground is a mirror of the [Next.js v13 App Directory Playground](https://github.com/vercel/app-playground), but uses Turbopack as the Next.js development server (`next dev --turbo`).
|
||||
|
||||
**As a reminder, Turbopack is currently in alpha and not yet ready for production. We appreciate your ongoing support as we work to make it ready for everyone.**
|
||||
|
||||
## Running Locally
|
||||
|
||||
1. Install dependencies: `yarn`
|
||||
1. Start the dev server: `yarn dev`
|
||||
|
||||
**Note:** The playground uses [Tailwind CSS](https://tailwindcss.com). However, Turbopack does not yet support fully [PostCSS](https://turbo.build/pack/docs/features/css#postcss), but it does support CSS and CSS Modules. [As a workaround](https://turbo.build/pack/docs/features/css#tailwind-css), we run Tailwind through it's CLI upon `postinstall`. For live reload of CSS, you can run Tailwind in another process with the `--watch` flag or install `concurrently` and modify your `dev` script:
|
||||
|
||||
```bash
|
||||
yarn add concurrently --dev
|
||||
```
|
||||
|
||||
Then modify your `dev` script in `package.json`:
|
||||
|
||||
```json
|
||||
{
|
||||
"scripts": {
|
||||
"dev": "concurrently \"next dev --turbo\" \"npm run tailwind --watch\""
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
For more information, see: https://turbo.build/pack/docs/features/css#tailwind-css
|
||||
|
||||
## Documentation
|
||||
|
||||
https://nextjs.link/with-turbopack
|
||||
|
||||
## Providing Feedback
|
||||
|
||||
https://nextjs.link/turbopack-feedback
|
||||
21
app/layout.tsx
Normal file
21
app/layout.tsx
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
import '@/styles/dist.css';
|
||||
import React from 'react';
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html>
|
||||
<head>
|
||||
<title>kjuulh microblog</title>
|
||||
</head>
|
||||
<body className="box-border overflow-y-scroll bg-zinc-900">
|
||||
<div className="grid grid-cols-[1fr,min(800px,100%),1fr] px-6">
|
||||
<div className="col-start-2 space-y-6">{children}</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
14
app/page.tsx
Normal file
14
app/page.tsx
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
import { getPosts } from '@/lib/getPosts';
|
||||
import Posts from './posts';
|
||||
|
||||
export const revalidate = 10;
|
||||
|
||||
export default async function Page() {
|
||||
const posts = await getPosts();
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<Posts posts={posts} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
5
app/postCard.tsx
Normal file
5
app/postCard.tsx
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
const PostCard = () => {
|
||||
return <div></div>;
|
||||
};
|
||||
|
||||
export default PostCard;
|
||||
24
app/posts.tsx
Normal file
24
app/posts.tsx
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
import { getPosts, Post } from '@/lib/getPosts';
|
||||
import { FC, use } from 'react';
|
||||
|
||||
interface PostProps {
|
||||
posts: Post[];
|
||||
}
|
||||
const Posts: FC<PostProps> = ({ posts }) => {
|
||||
return (
|
||||
<>
|
||||
{posts.map((p) => (
|
||||
<div className="space-y-2 text-white">
|
||||
<p className="font-bold">{p.author.name}</p>
|
||||
<p>{p.title}</p>
|
||||
{p.message &&
|
||||
p.message
|
||||
.split('\n')
|
||||
.map((para, i) => para && <p key={i}>{para}</p>)}
|
||||
</div>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Posts;
|
||||
41
lib/getPosts.tsx
Normal file
41
lib/getPosts.tsx
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
import { exec } from 'child_process';
|
||||
|
||||
export type Post = {
|
||||
title: string;
|
||||
message?: string;
|
||||
author: {
|
||||
email: string;
|
||||
name: string;
|
||||
};
|
||||
time: number;
|
||||
};
|
||||
|
||||
const posts: Post[] = [
|
||||
{
|
||||
author: 'kjuulh',
|
||||
post: 'some post\n',
|
||||
},
|
||||
{
|
||||
author: 'kjuulh',
|
||||
post: `some other post with
|
||||
some more text`,
|
||||
},
|
||||
];
|
||||
|
||||
export const getPosts = async (): Promise<Post[]> => {
|
||||
return new Promise((resolve, reject) => {
|
||||
exec(`git-log --path ${process.env.POSTS_DIR}`, (error, stdout, stderr) => {
|
||||
if (error) {
|
||||
console.warn(error);
|
||||
reject('could not load posts stderr: ' + stderr + 'stdout: ' + stdout);
|
||||
return;
|
||||
}
|
||||
|
||||
const posts: Post[] = JSON.parse(stdout);
|
||||
|
||||
resolve(posts);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
export const revalidate = 5;
|
||||
5
next-env.d.ts
vendored
Normal file
5
next-env.d.ts
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
/// <reference types="next" />
|
||||
/// <reference types="next/image-types/global" />
|
||||
|
||||
// NOTE: This file should not be edited
|
||||
// see https://nextjs.org/docs/basic-features/typescript for more information.
|
||||
11
next.config.js
Executable file
11
next.config.js
Executable file
|
|
@ -0,0 +1,11 @@
|
|||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: true, // Recommended for the `pages` directory, default in `app`.
|
||||
swcMinify: true,
|
||||
experimental: {
|
||||
// Required:
|
||||
appDir: true,
|
||||
},
|
||||
};
|
||||
|
||||
module.exports = nextConfig;
|
||||
42
package.json
Normal file
42
package.json
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
{
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev --turbo",
|
||||
"dev:tailwind": "concurrently 'next dev --turbo' 'yarn run tailwind --watch'",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint",
|
||||
"tailwind": "tailwindcss -i styles/globals.css -o styles/dist.css",
|
||||
"format": "prettier --write \"**/*.{js,ts,tsx,md}\"",
|
||||
"postinstall": "npm run tailwind"
|
||||
},
|
||||
"prettier": {
|
||||
"arrowParens": "always",
|
||||
"semi": true,
|
||||
"trailingComma": "all",
|
||||
"singleQuote": true
|
||||
},
|
||||
"dependencies": {
|
||||
"clsx": "1.2.1",
|
||||
"concurrently": "7.5.0",
|
||||
"next": "latest",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0",
|
||||
"styled-components": "6.0.0-beta.2",
|
||||
"styled-jsx": "5.1.0",
|
||||
"use-count-up": "3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "18.0.3",
|
||||
"@types/react": "18.0.15",
|
||||
"@types/react-dom": "18.0.6",
|
||||
"autoprefixer": "^10.4.7",
|
||||
"eslint": "8.19.0",
|
||||
"eslint-config-next": "latest",
|
||||
"postcss": "^8.4.14",
|
||||
"prettier": "^2.7.1",
|
||||
"prettier-plugin-tailwindcss": "^0.1.12",
|
||||
"tailwindcss": "^3.1.6",
|
||||
"typescript": "4.7.4"
|
||||
}
|
||||
}
|
||||
1
posts
Submodule
1
posts
Submodule
|
|
@ -0,0 +1 @@
|
|||
Subproject commit a8dde26a9516c3d8b64bc9afee8936c2ba5f3976
|
||||
BIN
public/favicon.ico
Executable file
BIN
public/favicon.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
public/q-zip.png
Normal file
BIN
public/q-zip.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
3
styles/globals.css
Executable file
3
styles/globals.css
Executable file
|
|
@ -0,0 +1,3 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
63
tailwind.config.js
Normal file
63
tailwind.config.js
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: [
|
||||
'./app/**/*.{js,ts,jsx,tsx}',
|
||||
'./page/**/*.{js,ts,jsx,tsx}',
|
||||
'./ui/**/*.{js,ts,jsx,tsx}',
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
// https://vercel.com/design/color
|
||||
colors: {
|
||||
vercel: {
|
||||
pink: '#FF0080',
|
||||
blue: '#0070F3',
|
||||
cyan: '#50E3C2',
|
||||
orange: '#F5A623',
|
||||
violet: '#7928CA',
|
||||
},
|
||||
},
|
||||
keyframes: ({ theme }) => ({
|
||||
rerender: {
|
||||
'0%': {
|
||||
'border-color': theme('colors.vercel.pink'),
|
||||
},
|
||||
'40%': {
|
||||
'border-color': theme('colors.vercel.pink'),
|
||||
},
|
||||
},
|
||||
highlight: {
|
||||
'0%': {
|
||||
background: theme('colors.vercel.pink'),
|
||||
color: theme('colors.white'),
|
||||
},
|
||||
'40%': {
|
||||
background: theme('colors.vercel.pink'),
|
||||
color: theme('colors.white'),
|
||||
},
|
||||
},
|
||||
shimmer: {
|
||||
'100%': {
|
||||
transform: 'translateX(100%)',
|
||||
},
|
||||
},
|
||||
translateXReset: {
|
||||
'100%': {
|
||||
transform: 'translateX(0)',
|
||||
},
|
||||
},
|
||||
fadeToTransparent: {
|
||||
'0%': {
|
||||
opacity: 1,
|
||||
},
|
||||
'40%': {
|
||||
opacity: 1,
|
||||
},
|
||||
'100%': {
|
||||
opacity: 0,
|
||||
},
|
||||
},
|
||||
}),
|
||||
},
|
||||
},
|
||||
};
|
||||
31
tsconfig.json
Executable file
31
tsconfig.json
Executable file
|
|
@ -0,0 +1,31 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"noEmit": true,
|
||||
"esModuleInterop": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "preserve",
|
||||
"incremental": true,
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/ui/*": ["ui/*"],
|
||||
"@/lib/*": ["lib/*"],
|
||||
"@/styles/*": ["styles/*"]
|
||||
},
|
||||
"plugins": [
|
||||
{
|
||||
"name": "next"
|
||||
}
|
||||
]
|
||||
},
|
||||
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user