diff --git a/.eslintrc.json b/.eslintrc.json index 6dd5286d..f2cde1fc 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -36,12 +36,6 @@ { "argsIgnorePattern": "^_" } - ], - "no-console": [ - 2, - { - "allow": ["warn", "error"] - } ] } } diff --git a/.gitignore b/.gitignore index 1437c53f..d9e4e637 100644 --- a/.gitignore +++ b/.gitignore @@ -32,3 +32,11 @@ yarn-error.log* # vercel .vercel +secrets/spotify_secrets.yml +.vscode/settings.json +tsconfig.tsbuildinfo + + +target/ +Cargo.lock +yarn.lock \ No newline at end of file diff --git a/README.md b/README.md index 8780b752..68a013cf 100644 --- a/README.md +++ b/README.md @@ -1,32 +1,3 @@ # NextJS - Typescript - MDX - Blog -A Next.js starter for your next blog or personal site. Built with: - -- [Typescript](https://www.typescriptlang.org/) -- Write posts with [MDX](https://mdxjs.com/) -- Style with [Tailwind CSS](https://tailwindcss.com/) -- Linting with [ESLint](https://eslint.org/) -- Formatting with [Prettier](https://prettier.io/) -- Linting, typechecking and formatting on by default using [`husky`](https://github.com/typicode/husky) for commit hooks -- Testing with [Jest](https://jestjs.io/) and [`react-testing-library`](https://testing-library.com/docs/react-testing-library/intro) - -This Starter is **heavily** inspired by [Lee Robinson](https://github.com/leerob/leerob.io) and [Anson Lichtfuss](https://github.com/ansonlichtfuss/website). - -👀 [View the Live Demo](https://nextjs-typescript-mdx-blog.vercel.app/) - -## Getting Started - -```bash -git clone https://github.com/ChangoMan/nextjs-typescript-mdx-blog.git -cd nextjs-typescript-mdx-blog - -yarn install -# or -npm install - -yarn dev -# or -npm run dev -``` - -Your new site will be up at http://localhost:3000/ +A personal blog made with Next.js - MDX. diff --git a/components/Head.tsx b/components/Head.tsx index 448e833a..0b8f7315 100644 --- a/components/Head.tsx +++ b/components/Head.tsx @@ -8,10 +8,10 @@ export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { const router = useRouter(); const meta: MetaProps = { - title: 'Hunter Chang - Website', + title: 'Saurabh Pal - Blog', description: - 'Sleep Deprived Father. Senior Web Developer. Lover of all things Ramen and Kpop.', - image: `${WEBSITE_HOST_URL}/images/site-preview.png`, + 'Young, dumb and hungry to learn. A learned developer who likes to read about technology and talk on pop culture. PS I love the color black.', + image: `${WEBSITE_HOST_URL}/images/site-preview.jpg`, type: 'website', ...customMeta, }; @@ -23,15 +23,10 @@ const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { - + - - - - - {meta.date && ( )} diff --git a/components/Layout.tsx b/components/Layout.tsx index 6f99bbe0..d6382bab 100644 --- a/components/Layout.tsx +++ b/components/Layout.tsx @@ -3,6 +3,7 @@ import { MetaProps } from '../types/layout'; import Head from './Head'; import Navigation from './Navigation'; import ThemeSwitch from './ThemeSwitch'; +import SpotifyTab from './SpotifyTab'; type LayoutProps = { children: React.ReactNode; @@ -17,7 +18,7 @@ const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => {
-
+
@@ -26,14 +27,86 @@ const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => {
{children}
-