An open API service indexing awesome lists of open source software.

https://github.com/tugsef/client-blog

A robust blog application designed for both writers and readers. Built with modern web technologies, it features a user-friendly interface and dynamic content management. Ideal for sharing and discovering diverse blog posts with ease.
https://github.com/tugsef/client-blog

blog contentlayer-nextjs nextjs static-website typescript

Last synced: 2 months ago
JSON representation

A robust blog application designed for both writers and readers. Built with modern web technologies, it features a user-friendly interface and dynamic content management. Ideal for sharing and discovering diverse blog posts with ease.

Awesome Lists containing this project

README

          

# FocusSpark

The website is hosted for the purpose of keeping the work together and enabling other people to benefit from my articles. FocusSpark is a statically designed website. I will work on launching it as a dynamic website. I integrated my notes, which I prepared using [`Markdown`](https://www.markdownguide.org/) , into my site as an [`.mdx`](https://mdxjs.com/) file using the contentlayer infrastructure.

**Demo FocusSpark**
[FocusSpark](https://main--focusspark.netlify.app/)

**Starter Code Files**
[FocusSpark](https://github.com/tugsef/client-blog)
[FocusSpark](https://github.com/tugsef/client-blog)
## Kullanılan Araçlar
- [React](https://react.dev/)
- [Nextjs](https://nextjs.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [Framer Motion](https://www.framer.com/motion/)
- [Content Layer](https://contentlayer.dev/)
- [Formik](https://formik.org/docs/tutorial)
- [Gencraft](https://gencraft.com/generate)

## Home Page

![/blogs/focusspark-page.png](https://github.com/tugsef/client-blog/blob/main/public/blogs/focusspark-page.png)

## Responsive Home Page

![](https://github.com/tugsef/client-blog/blob/main/public/blogs/focusspark-responsive-page.png)

## Sitemap

```xml
This XML file does not appear to have any style information associated with it. The document tree is shown below.


https://focusspark.netlify.app/categories/all
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/productivity
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/code-quality
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/javascript
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/css
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development-2
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/productivity-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/nestjs
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/backend
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/postgresql
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/typescript
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/nodejs
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/nextjs
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/frontend
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/tailwind
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/seo
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/sitemap
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/typescript-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/react
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/responsive
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/framer-motion
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/nextjs-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/frontend-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/tailwind-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/seo-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/sitemap-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/typescript-2
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/react-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/responsive-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/framer-motion-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/pwa
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/code-quality-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development-3
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/code-quality-2
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/code-quality-3
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development-4
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/productivity-2
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development-5
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/docker
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/web-development-6
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/java
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/backend-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/nodejs-1
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/categories/backend-2
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/automating-repetitive-tasks-productivity-hacks-for-developers
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/building-progressive-web-apps-bridging-the-gap-between-web-and-mobile

2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/best-practices-for-writing-clean-and-maintainable-code
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/js-frameworks-comparison
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/mastering-css-grid-layout
2023-11-27T05:03:57.189Z
daily
0.7



https://focusspark.netlify.app/blogs/mindfulness-and-meditation-techniques-for-developers-improving-focus-and-clarity

2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/nestjs-blog-backend
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/next-blog-tailwindcss-contentlayer-typscript
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/next-blog-tailwindcss-contentlayer-typscript-eng
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/progressive-web-apps-pwa
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/restful-apis-building-blocks
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/web-accessibility-best-practices
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/web-accessibility-inclusive-design
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/web-development-tools-productivity
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/whats-is-docker
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/word-search-backend-java
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/blogs/word-search-nodejs
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app
2023-11-27T05:03:57.189Z
daily
0.7


https://focusspark.netlify.app/about
2023-11-27T05:03:57.189Z
daily
0.7

```

This is a [`Nextjs`](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started

First, run the development server:

```bash
npm run dev

npx next start
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!!