Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vratskyi/vratskyi.github.io
Personal Blog & Portfolio
https://github.com/vratskyi/vratskyi.github.io
astro astro-build astro-build-template astrobuild blog blogging css front-end frontend frontendjunior javascript junior junior-developer portfolio-website tailwindcss
Last synced: about 1 month ago
JSON representation
Personal Blog & Portfolio
- Host: GitHub
- URL: https://github.com/vratskyi/vratskyi.github.io
- Owner: vratskyi
- License: other
- Created: 2023-12-28T20:47:12.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-03-08T01:42:06.000Z (8 months ago)
- Last Synced: 2024-09-27T21:40:58.670Z (about 2 months ago)
- Topics: astro, astro-build, astro-build-template, astrobuild, blog, blogging, css, front-end, frontend, frontendjunior, javascript, junior, junior-developer, portfolio-website, tailwindcss
- Language: Astro
- Homepage: https://vratskyi.pages.dev/en/
- Size: 23.9 MB
- Stars: 20
- Watchers: 1
- Forks: 10
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Personal Blog & Portfolio
Introducing a versatile and free template designed for use with the latest Astro version. This template boasts frequent updates, a user-friendly interface, and compatibility with various purposes. Ideal for showcasing your portfolio, crafting blog articles, and sharing your personal narrative. Unlock the potential to express yourself effortlessly with this template.
------------------------------------------------------------------------------
## ☝️Plans for future updates
1. Pagination for blog
2. Remake menu
3. Integration with one of the headless
CMS (I will choose later)
This roadmap will be updated.
## 🖥️ Commands
All commands are run from the root of the project, from a terminal:
### Instalation
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:3000` |
| `npm run css` | Starts `TailwindCSS` |
------------------------------------------------------------------------------
### Deploy
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI |
------------------------------------------------------------------------------
## 🌳 Project structure - [v0.8.4](https://github.com/vratskyi/vratskyi.github.io/releases/tag/v0.8.4)
```
📦 vratskyi.github.io
├─ .github
│ ├─ ISSUE_TEMPLATE
│ │ ├─ bug_report.md
│ │ ├─ custom.md
│ │ └─ feature_request.md
│ └─ workflows
│ └─ astro.yml
├─ .gitignore
├─ .nojekyll
├─ CODE_OF_CONDUCT.md
├─ CONTRIBUTING.md
├─ LICENSE
├─ README.md
├─ astro.config.mjs
├─ favicon.svg
├─ package-lock.json
├─ package.json
├─ postcss.config.cjs
├─ postcss.config.js
├─ public
│ ├─ .nojekyll
│ ├─ favicon.svg
│ ├─ img
│ ├─ src
│ │ └─ assets
│ │ ├─ img
│ │ └─ js
│ │ ├─ animate.js
│ │ └─ menu.js
│ └─ styles
│ ├─ atropos.min.css
│ ├─ global.css
│ └─ reset.css
├─ src
│ ├─ assets
│ │ ├─ img
│ │ ├─ js
│ │ │ ├─ animate.js
│ │ │ └─ menu.js
│ │ └─ styles
│ │ └─ input.css
│ ├─ components
│ │ ├─ Badge.astro
│ │ ├─ BadgeLink.astro
│ │ ├─ Button.astro
│ │ ├─ Footer.astro
│ │ ├─ Head.astro
│ │ ├─ Header.astro
│ │ ├─ PortfolioCard.astro
│ │ ├─ Post.astro
│ │ ├─ PostList.astro
│ │ ├─ Prose.astro
│ │ ├─ SwitchLang.astro
│ │ ├─ Tag.astro
│ │ ├─ Title.astro
│ │ └─ TitlePost.astro
│ ├─ content
│ │ ├─ config.ts
│ │ └─ posts
│ │ ├─ en
│ │ │ ├─ about-experience-in-web-dev.mdx
│ │ │ ├─ become-cool-frontend-dev.mdx
│ │ │ ├─ cool-plugins-for-vs-code.mdx
│ │ │ ├─ ui-kit-for-tailwind.mdx
│ │ │ └─ what-happened-in-a-month-my-blog.mdx
│ │ ├─ images
│ │ └─ ru
│ │ ├─ about-experience-in-web-dev.mdx
│ │ ├─ become-cool-frontend-dev.mdx
│ │ ├─ cool-plugins-for-vs-code.mdx
│ │ ├─ ui-kit-for-tailwind.mdx
│ │ └─ what-happened-in-a-month-my-blog.mdx
│ ├─ env.d.ts
│ ├─ i18n
│ │ ├─ ui.ts
│ │ └─ utils.ts
│ ├─ layouts
│ │ ├─ Layout.astro
│ │ ├─ PostLayout.astro
│ │ └─ PostsLayout.astro
│ └─ pages
│ ├─ blog
│ │ └─ index.astro
│ ├─ en
│ │ ├─ 404.astro
│ │ ├─ about.astro
│ │ ├─ blog
│ │ │ ├─ [...slug].astro
│ │ │ └─ index.astro
│ │ ├─ index.astro
│ │ └─ portfolio.astro
│ ├─ index.astro
│ └─ ru
│ ├─ 404.astro
│ ├─ about.astro
│ ├─ blog
│ │ ├─ [...slug].astro
│ │ └─ index.astro
│ ├─ index.astro
│ └─ portfolio.astro
├─ tailwind.config.cjs
└─ tsconfig.json
```