diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..16bcf6b --- /dev/null +++ b/.env.example @@ -0,0 +1,2 @@ +NOTION_API_KEY= +DATABASE_ID= \ No newline at end of file diff --git a/.github/workflows/pr-checker.yml b/.github/workflows/pr-checker.yml index 742336c..de73db8 100644 --- a/.github/workflows/pr-checker.yml +++ b/.github/workflows/pr-checker.yml @@ -18,4 +18,4 @@ jobs: - run: yarn build env: NOTION_API_KEY: ${{secrets.NOTION_API_KEY}} - DATABASE_ID: ${{secrets.DATABASE_ID}} + DATABASE_ID: ${{secrets.DATABASE_ID}} \ No newline at end of file diff --git a/.prettierrc.mjs b/.prettierrc.mjs new file mode 100644 index 0000000..e43587f --- /dev/null +++ b/.prettierrc.mjs @@ -0,0 +1,3 @@ +export default { + plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'], +} \ No newline at end of file diff --git a/README.md b/README.md index 2ca0ead..a410974 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ > Art portfolio built with Astro and using Notion API. -## [Demo ✨](https://art.emasuriano.com/) +## [Demo ✨](https://astro-art-portfolio.netlify.app) ## Screenshots 📸 @@ -38,12 +38,9 @@ * Duplicate the following [notion page](https://www.notion.so/emasuriano/dec82b99ec35407b830fa219863511be?v=54eba236190b4911b58cbdbb328244c1) * Replace the default values with your pictures and labels. The images are created based on: [label] [link]. -* Clone repository, and create an `.env` file at the root level and define the following variables: - -```plain -NOTION_API_KEY= -DATABASE_ID= -``` +* Clone repository, +* Install dependencies by running: `yarn install` +* Rename the file called `.env.example` to `.env` file and fill all the values. * You can find how to get these values for your page inside [the official documentation of Notion](https://developers.notion.com/docs/working-with-databases). ## Automate deploy of website 🚀 (Optional) diff --git a/astro.config.mjs b/astro.config.mjs index 7042baa..d27ba06 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,9 +1,9 @@ import { defineConfig } from 'astro/config'; import { astroImageTools } from 'astro-imagetools'; -import tailwind from '@astrojs/tailwind'; -import compress from 'astro-compress'; +import Tailwind from '@astrojs/tailwind'; +import Compress from 'astro-compress'; // https://astro.build/config export default defineConfig({ - integrations: [astroImageTools, tailwind(), compress()], + integrations: [astroImageTools, Tailwind(), Compress()], }); diff --git a/package.json b/package.json index 574b576..5b1fb38 100644 --- a/package.json +++ b/package.json @@ -7,23 +7,26 @@ "dev": "astro dev", "start": "astro dev", "build": "astro check && astro build", - "preview": "astro preview", - "astro": "astro" + "preview": "astro preview" }, "devDependencies": { - "@astrojs/tailwind": "^2.1.3", - "@notionhq/client": "^2.2.6", - "@types/probe-image-size": "^7.2.0", - "astro": "^1.6.12", + "@astrojs/check": "^0.3.1", + "@astrojs/tailwind": "^5.0.2", + "@notionhq/client": "^2.2.13", + "@types/probe-image-size": "^7.2.4", + "astro-compress": "^2.2.3", "astro-icon": "^0.8.1", - "astro-imagetools": "^0.8.1", - "photoswipe": "^5.3.8", - "prettier": "^2.8.8", - "prettier-plugin-astro": "^0.11.0", + "astro-imagetools": "^0.9.0", + "photoswipe": "^5.4.2", + "prettier": "^3.1.0", + "prettier-plugin-astro": "^0.12.2", + "prettier-plugin-tailwindcss": "^0.5.7", "probe-image-size": "^7.2.3", - "tailwindcss": "^3.3.3" + "svgo": "2.8.0", + "tailwindcss": "^3.3.5", + "typescript": "^5.3.2" }, "dependencies": { - "astro-compress": "^1.1.15" + "astro": "^3.5.5" } } diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 4f4ef8b..9f17a37 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,12 +1,12 @@ --- -import { ROUTES, SOCIAL, PERSONAL_INFO } from '../consts'; -import { Icon } from 'astro-icon'; +import { ROUTES, SOCIAL, PERSONAL_INFO } from "../consts"; +import { Icon } from "astro-icon"; const year = new Date().getFullYear(); ---