{"id":21754187,"url":"https://github.com/csdev19/csdev_next","last_synced_at":"2026-04-10T11:02:19.784Z","repository":{"id":40627517,"uuid":"365375834","full_name":"csdev19/csdev_next","owner":"csdev19","description":"Personal web made with Nextjs 🧑‍💻💪","archived":false,"fork":false,"pushed_at":"2022-09-14T05:08:46.000Z","size":3060,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T03:14:17.278Z","etag":null,"topics":["docker","eslint","jest","nextjs","personal-website","prettier","react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://cristiansotomayor.dev/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/csdev19.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-07T23:30:39.000Z","updated_at":"2022-08-20T17:30:56.000Z","dependencies_parsed_at":"2023-01-17T19:00:36.866Z","dependency_job_id":null,"html_url":"https://github.com/csdev19/csdev_next","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/csdev19/csdev_next","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/csdev19%2Fcsdev_next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/csdev19%2Fcsdev_next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/csdev19%2Fcsdev_next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/csdev19%2Fcsdev_next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/csdev19","download_url":"https://codeload.github.com/csdev19/csdev_next/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/csdev19%2Fcsdev_next/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31639524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","eslint","jest","nextjs","personal-website","prettier","react","tailwindcss","typescript"],"created_at":"2024-11-26T09:13:03.758Z","updated_at":"2026-04-10T11:02:19.759Z","avatar_url":"https://github.com/csdev19.png","language":"TypeScript","readme":"# Personal Web site\n\n## next steps\n\n- expand the skills section\n- add a text editor\n- implement SWR and a service layer to fetch the data\n\n## Features\n\n  - [x] [Nextjs](https://nextjs.org/)\n  - [x] [TypeScript](https://www.typescriptlang.org/)\n  - [x] [ESLint](https://eslint.org/)\n  - [x] [Prettier](https://prettier.io/)\n  - [x] [Tailwind CSS](https://tailwindcss.com/)\n  - [x] [next-i18next](https://github.com/isaachinman/next-i18next)\n  - [x] [Jest](https://facebook.github.io/jest/)\n  - [x] [React Testing Library](https://testing-library.com/react/)\n  - [x] [Docker](https://www.docker.com/)\n  - [x] [Storybook](https://storybook.js.org/)\n  - [] [SWR](https://swr.vercel.app)\n\n## Architecture\n\nFor this project I used the atomic design pattern (here is my [documentation](https://github.com/csdev19/front-research/blob/main/sections/atomic-design.md)). So I will structure the code in the following way:\n\n- Atoms\n- Molecules\n- Organisms\n- Templates\n- Pages\n\n## Component structure\n\nI made the component structure like:\n\n```\nproject\n└─── \u003ccomponent\u003e\n    │-  index.ts (required, the provider of the component utilities for the rest of the project)\n    │- \u003ccomponent\u003e.tsx (required component file)\n    │- \u003ccomponent\u003e.spec.ts (required, in the future)\n    │- \u003ccomponent\u003e.module.css (optional)\n    │- \u003ccomponent\u003e.types.ts (optional)\n    │- \u003ccomponent\u003e.constants.ts (optional)\n```\n\n## Notes\n\n- https://notiz.dev/blog/floating-form-field-with-tailwindcss\n- https://unicode.org/emoji/charts/full-emoji-list.html#1f468_200d_1f3eb\n\n## Things that I want to implement\n\n- Nextjs [built-is-css](https://nextjs.org/docs/basic-features/built-in-css-support)\n- [JSS](https://cssinjs.org/?v=v10.9.1-alpha.2)\n\n## Getting Started\n\nFirst, install dependencies:\n\n```bash\nnpm i\n```\n\nSecond, run the docker development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.\n\n[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.\n\nThe `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.\n\n## Documentation\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n- [God like Docker tutorial](https://youtu.be/9zUHg7xjIqQ)\n- [Docker images article: Talk about hot reloading](https://medium.com/nerd-for-tech/bigger-dockerignore-smaller-docker-images-49fa22e51c7)\n- [Docker documentation multiple compose files](https://docs.docker.com/compose/reference/#specifying-multiple-compose-files)\n- [Docker compose file](https://docs.docker.com/compose/compose-file/#compose-file)\n- [Docker compose useful commands](https://medium.com/bb-tutorials-and-thoughts/next-js-local-development-with-docker-compose-7b1954292a1f)\n- [Setting up Jest (with the Rust Compiler) on Next.js](https://nextjs.org/docs/testing#setting-up-jest-with-the-rust-compiler)\n- [Upgrade React to v18](https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html): Because I get some problems installing the `@testing-library/react` package.\n- [Update Next.js to v12](https://nextjs.org/docs/upgrading): Because I get some problems installing the `react@18.2.0` package.\n- [Test with i18next and Jest](https://react.i18next.com/misc/testing): Because I get some problems with the translation instance.\n- [Getting started](https://jestjs.io/docs/getting-started#using-typescript)\n- [tailwind and css variables](https://levelup.gitconnected.com/tailwindcss-with-css-variables-513abe2e9a5)\n- [css variable using js](https://davidwalsh.name/css-variables-javascript#:~:text=Setting%20a%20CSS%20Variable's%20Value,style%20)\n- [Adding stortbook on nextjs](https://storybook.js.org/blog/get-started-with-storybook-and-next-js/)\n- [Nextjs, tailwind and storybook](https://theodorusclarence.com/blog/nextjs-storybook-tailwind)\n- [Storybook addon to nextjs](https://storybook.js.org/addons/storybook-addon-next#csssassscss-modules)\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcsdev19%2Fcsdev_next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcsdev19%2Fcsdev_next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcsdev19%2Fcsdev_next/lists"}