테스트 사이트 - 개발 중인 베타 버전입니다

nextjs15 + gnuboard5 database 웹 사이트...

· 2개월 전 · 574 · 23

일단 완성은 못했지만, 먼저 사이트부터 열어 봅니다.?

 

https://piurise.com/

 

솔까말 비인기 게임이고 동접자 수도 50명도 되지 않는 게임이지만, 

(웹 페이지 > 도전과제 > 현재 인원이 실시간 인원)

예전 추억 삼아 재미있게 즐기고 있는 게임 + 팬 사이트가 없어서 개발 해보았습니다.

 

그누보드5 데이터베이스 기반 백엔드와 nextjs15버전 프론트와 함께 개발하였습니다.

에디터는 이전에 게시글에 남긴 것 처럼 프로알라 에디터를 사용하였습니다.

 

그럼에도 불구하고 다양한 기능을 개발하고자 하는 목적은

이 프로젝트를 기반으로 다른 커뮤니티 프로젝트를 그대로 적용할 수 있다는 점에서? ㅎㅎ

 

@UXUI 님께서 개발하신 사이트(https://uxcamp.net/) 그래프가

너무 맘에 들어서 기능 강화해서 적용 했습니다 ㅎㅎ

978180634_1755744281.2453.png

 

완성된 사이트는 아니니 그냥 이런 사이트가 있네 / 리액트 기반의 웹사이트가 그누 베이스로도 되네...정도로 여겨 주시고,

 

차후 완성이 되면 테스트로 작성된 게시물은 모두 삭제됨을 양해 부탁드립니다.

굳이 회원 가입하지 않으실 분들을 위해

 

test // test1234

test1 // test1234

test2 // test1234

test3 // test1234

test4 // test1234

 

만들어 두었습니다. (차후 패스워드는 변경되어 접근할 수 없습니다.)

데이터 자체는 실시간 개념으로, 만들어 웹앱 스타일로 이용 가능하실거에요 

 

이 게임 정식 버전 출시 전까진 다 만들어야 할텐데...훔

(현재 얼리 액세스 버전)

 

곡 들 데이터 베이스는 직접 하나하나 다 넣어야 하는 완전 울트라 노가다가 준비되어있기에 오늘은 이만..

덧. 도전과제는 스팀 API 연동이라, 일부 살짝 체감상 조금의 딜레이는 존재 합니다.

 

※ 테스트 후 버그나 오류 / 요청 사항이 있으면 알려주시면 수정 하는데 큰 도움이 됩니다. 고맙습니다~

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 23개

2개월 전

@불바람 아 보니깐 다크 코드가 들어가 있어서 그런가 보네요 제거 해야 겠습니다 ㅠ 나름 오류 아닌 오류네요 이 사이트는 다크모드 자체를 지원 안하려고 기획 했었기에 ㅎㅎ

 

알려주셔서 고맙습니다.

 

inline-flex items-center justify-center ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 border-slate-200 bg-white hover:text-slate-900 dark:border-slate-800 dark:bg-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 h-10 px-6 py-3 rounded-full font-semibold text-sm whitespace-nowrap border-2 text-gray-700 hover:bg-gray-100

 

이게 들어가있었네요 

headless wordpress (워프를 api 백엔드로만 사용하는) 처럼 만드셨다는 것이겠지요... 그누보드는 백엔드에서 게시판, 기본정보 등을 json으로 뿌려주는 역할을... 

 

참고로 tailwind+daisyui 결합이 참 좋았던 것으로 기억합니다. 한번 시도해보셔도 어떠실지... 

2개월 전

@xpem 일부 페이지 자체가 SSR 기반이라 PHP 처럼 직접 쿼리 + API 두 종류를 모두 사용했습니다.

CSR의 경우 SEO 문제점이 있어서 ... 이번에는 radix 사용해봤는데

다음에는 DAISYUI 한번 확인해보겠습니다~~^0^

 

TAILWIND가 참 궁합이 잘 맞는게 많이 있네요

게시글 목록

번호 제목
1715466
1715455
1715454
1715453
1715443
1715439
1715436
1715435
1715431
1715429
1715426
1715420
1715419
1715413
1715411
1715407
1715387
1715367
1715359
1715355
1715353
1715342
1715336
1715331
1715329
1715324
1715318
1715313
1715287
1715278